@zellosoft/antd-react-native NPM

English | 简体中文

Ant Design Mobile RN

A configurable Mobile UI specification and React-based implementation.

If you only care about the style you may give [Tanjun] a try.

About Fork

Fix Dynamic Themes.
Change the default locale to en_US
Added some new style.

Features

Follow Ant Design Mobile UI specification.
Configurable UI style for different products.
Support web and native usages based on React Native.
Develop in TypeScript.

Demo

Preview in 🔗 Web Platform. or Download our Expo demo app

Open the camera app on your device and scan the code above, need install expo app: https://expo.io/tools

# clone
git clone git@github.com:zellosoft/antd-react-native.git

# go to ant rn folder
cd antd-react-native

# install dependencies
yarn

# start ios
cd rn-kitchen-sink/ios && pod install
yarn ios

# start android
yarn android

# start expo
yarn expo

Install & Usage

$ npm install @zellosoft/antd-react-native --save

yarn add @zellosoft/antd-react-native

Installing peer dependencies

npm install @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler

yarn add @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler

You need go to ios folder and run pod install (auto linking)，Android will handle it by itself.

Link icon fonts

npx react-native link

introduce

Contributing

We welcome all contributions, please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as a GitHub issue. If you'd like to improve code, check out the Development Instruction and have a good time! :)