@ant-design/react-native
TypeScript icon, indicating that this package has built-in type declarations

5.1.1 • Public • Published

English | 简体中文

Ant Design Mobile RN

Codecov npm package NPM downloads Dependency Status Percentage of issues still open Join the chat at https://gitter.im/ant-design/ant-design

A configurable Mobile UI specification and React-based implementation.

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

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.

Expo

  • Web support

    Preview Web Platform in [here] 🔗

  • Expo demo app

SDK 49+ iOS SDK 49+ Android
expo/ant-design-mobile-rn expo/ant-design-mobile-rn
Expo SDK history version
Expo SDK 44 SDK 47 iOS SDK 47 Android
expo/ant-design-mobile-rn expo/ant-design-mobile-rn expo/ant-design-mobile-rn

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

Development

  • Running On Device
# clone
git clone git@github.com:ant-design/ant-design-mobile-rn.git

# go to ant rn folder
cd ant-design-mobile-rn

# install dependencies
yarn

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

# start android
yarn android
  • Running On Expo
# go to expo example folder
cd example

# install dependencies
yarn

# start expo
yarn expo

Install & Usage

$ npm install @ant-design/react-native --save

or

yarn add @ant-design/react-native

Installing peer dependencies

npm install @react-native-community/segmented-control @react-native-community/slider

or

yarn add @react-native-community/segmented-control @react-native-community/slider

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

Links

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! :)

Package Sidebar

Install

npm i @ant-design/react-native

Weekly Downloads

2,856

Version

5.1.1

License

MIT

Unpacked Size

1.66 MB

Total Files

1201

Last publish

Collaborators

  • madccc
  • afc163
  • vthinkxie
  • zombiej
  • chenshuai2144
  • vagusx
  • arvinxx
  • 1uokun
  • bang88