Socket
Socket
Sign inDemoInstall

@ant-design/react-native

Package Overview
Dependencies
596
Maintainers
9
Versions
63
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @ant-design/react-native

基于蚂蚁金服移动设计规范的 React Native 组件库


Version published
Weekly downloads
3.5K
decreased by-12.13%
Maintainers
9
Created
Weekly downloads
 

Readme

Source

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+ iOSSDK 49+ Android
expo/ant-design-mobile-rnexpo/ant-design-mobile-rn
Expo SDK history version
Expo SDK 44SDK 47 iOSSDK 47 Android
expo/ant-design-mobile-rnexpo/ant-design-mobile-rnexpo/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 @ant-design/icons-react-native react-native-gesture-handler

or

yarn add @react-native-community/segmented-control @react-native-community/slider @ant-design/icons-react-native react-native-gesture-handler

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

// config `react-native.config.js` in project’s root directory
module.exports = {
  assets: ['node_modules/@ant-design/icons-react-native/fonts'],
};

then

npx react-native-asset

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

Keywords

FAQs

Last updated on 15 Apr 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc