简介
nayuta 是一个基于 React Native 的前端组件库。它提供了一些常用的 UI 组件和工具函数,帮助开发者更快速、简单地构建移动应用。
安装
可以通过 npm 或 yarn 安装:
npm install nayuta --save
或者
yarn add nayuta
使用
在需要使用的页面中引入对应的组件:
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ----------- ---- - ---- --------------- ------ - ------ - ---- --------- ----- ------ - ------------------- ---------- - ----- -- --------------- --------- ----------- --------- -- --- ----- --- - -- -- - ----- ------------------------- ------- ------------ ------- -- ------- -- ------ ------- ----
组件列表
Button
用法与 React Native 原生组件 Button 相同。
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ----------- ---- - ---- --------------- ------ - ------ - ---- --------- ----- ------ - ------------------- ---------- - ----- -- --------------- --------- ----------- --------- -- --- ----- --- - -- -- - ----- ------------------------- ------- ------------ ------- -- ------- -- ------ ------- ----
TextInput
用法与 React Native 原生组件 TextInput 相同。
-- -------------------- ---- ------- ------ ------ - -------- - ---- -------- ------ - ----------- ---- - ---- --------------- ------ - --------- - ---- --------- ----- ------ - ------------------- ---------- - ----- -- --------------- --------- ----------- --------- -- ------ - ------ ---- ------- --- ------------ -- ------------- -- -------- --- --------------- --- -- --- ----- --- - -- -- - ----- ------ -------- - ------------- ------ - ----- ------------------------- ---------- -------------------- ------------ ---------------------- ------------------ ---- ----- -- ------- -- -- ------ ------- ----
Badge
红色、绿色、黄色三种颜色的徽章。
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ----------- ---- - ---- --------------- ------ - ----- - ---- --------- ----- ------ - ------------------- ---------- - ----- -- --------------- --------- ----------- --------- -- ------ - ------- --- -- --- ----- --- - -- -- - ----- ------------------------- ------ ---------- -------------------- -- ------ ----------- ------------- -------------------- -- ------ ----------- -------------- -------------------- -- ------- -- ------ ------- ----
Icon
支持 Font Awesome 的图标。
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ----------- ---- - ---- --------------- ------ - ---- - ---- --------- ----- ------ - ------------------- ---------- - ----- -- --------------- --------- ----------- --------- -- ----- - ------- --- -- --- ----- --- - -- -- - ----- ------------------------- ----- ----------- ------------------- -- ----- ------------- ----------- --------- ------------------- -- ----- ------------ ------------ ------------------- -- ------- -- ------ ------- ----
总结
nayuta 是一个实用的前端组件库,提供了一些常用的 UI 组件和工具函数,方便开发者更快速、简单地构建移动应用。希望能对你的开发工作有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055d0181e8991b448da995