Shulou(Shulou.com)06/02 Report--

This article mainly explains "what are the characteristics of Ant Design". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the characteristics of Ant Design"?

Design specification of AntDesign mobile terminal. Antd-mobile is the react implementation of AntDesign's mobile specification, serving ant and word-of-mouth wireless services.

Characteristics of AntDesign

Based on AntDesign mobile design specification.

Regular visual style configuration to adapt to all kinds of product styles.

Use TypeScript development to provide type definition files.

Application of AntDesign

Ali open source front-end framework Ant-Design-Mobile can support react-native and react-web project development, is a relatively mature UI framework, we use this framework to build a react-native project.

1) establish a standard project for react-native

$react-nativeinitAntdMobileDemo

$cdAntdMobileDemo

$react-nativerun-ios

Start the ios simulator and verify it.

2) add Ant-Design-Mobile related dependencies

$yarnaddantd-mobile

$yarnaddbabel-plugin-import--dev

3) profile modification

Add one line to the .babelrc file configuration

"plugins": [["import", {"libraryName": "antd-mobile"}]]

4) Code modification

Index.ios.js

Import {Button} from'antd-mobile'

Antd-mobilebutton

Thank you for your reading, the above is the content of "what are the characteristics of Ant Design"? after the study of this article, I believe you have a deeper understanding of what the characteristics of Ant Design are, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.