/gingko

React Native UI components for yh-partner-app.

Primary LanguageTypeScript

gingko

介绍

gingko是基于React Native的UI组件库,为永辉云创RN项目提供支撑。

预览

需要在手机安装Expo应用,然后打开如下地址:https://expo.io/@zhangyi5638/gingko 就可阅览

gingko

打开手机Expo扫码阅览

开发调试

安装

npm install

运行

npm start 
# open ios simulator
npm run ios
# open android
npm run android

使用

需要先在客户端设备上按照expo 然后去扫描终端上生产的二维码或打开如下地址: exp://localhost:19000

组件列表

  • Badge 徽标
  • Button 按钮
  • Card 卡片
  • Checkbox 选择框
  • Dialog 底层弹窗
  • Grid 宫格
  • Icon 图表
  • Indicator 指示器
  • InputItem 输入框
  • InputNumber 数字输入框
  • Modal 模态窗
  • NoticeBar 通知栏
  • Picker 选择器
  • Popup 底部弹窗窗
  • RadioGroup 单选组
  • SearchBar 搜索栏
  • SearchInput 搜索框
  • Tag 标签
  • WhiteSpace 上下留白
  • WingBlank 左右留白
  • NavBar 导航栏
  • Result 结果页
  • Toast 轻提示
  • DatePicker 日期选择
  • Tabs 标签页
  • Steps 步骤条
  • Select 下拉选择器