您好,登錄后才能下訂單哦!
這篇文章主要講解了“Ant Design有什么特性”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Ant Design有什么特性”吧!
AntDesign移動端設計規范。antd-mobile是AntDesign的移動規范的react實現,服務于螞蟻及口碑無線業務。
AntDesign的特性
基于AntDesign移動設計規范。
規則化的視覺樣式配置,適應各類產品風格。
使用TypeScript開發,提供類型定義文件。
AntDesign的應用
阿里開源的前端框架Ant-Design-Mobile可以支持react-native和react-web項目開發,是一套比較成熟的UI框架,我們采用這套框架來搭建一個react-native項目。
1)建立一個react-native的標準項目
$react-nativeinitAntdMobileDemo
$cdAntdMobileDemo
$react-nativerun-ios
啟動下ios模擬器驗證下。
2)添加Ant-Design-Mobile相關依賴
$yarnaddantd-mobile
$yarnaddbabel-plugin-import--dev
3)配置文件修改
.babelrc文件增加一行配置
"plugins":[["import",{"libraryName":"antd-mobile"}]]
4)代碼修改
index.ios.js
import{Button}from'antd-mobile';
<Button>antd-mobilebutton</Button>
感謝各位的閱讀,以上就是“Ant Design有什么特性”的內容了,經過本文的學習后,相信大家對Ant Design有什么特性這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。