MyGit

ant-design/ant-design-mobile-rn

Fork: 611 Star: 3065 (更新于 2024-10-18 17:01:07)

license: MIT

Language: TypeScript .

Ant Design for React Native

最后发布版本: 5.2.3 ( 2024-09-09 20:07:59)

官方网址 GitHub网址

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

HTML5 Preview: ant-design-mobile-rn/index.html

SDK 51
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

Expo SDK(44, 47, 49, 50) history version
Expo SDK 44 SDK 47 iOS SDK 47 Android SDK 49,50
expo/ant-design-mobile-rn expo/ant-design-mobile-rn expo/ant-design-mobile-rn expo/ant-design-mobile-rn

Install & Usage

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

Installing peer dependencies

Next, install the required peer dependencies. You need to run different commands depending on whether your project is an Expo managed project or a bare React Native project.

  • If you have an Expo managed project, install the dependencies with expo:

    npx expo install react-native-gesture-handler react-native-reanimated
    
  • If you have a bare React Native project, install the dependencies with npm:

    npm install react-native-gesture-handler react-native-reanimated
    
  • For iOS with bare React Native project, make sure you have CocoaPods installed. Then install the pods to complete the installation:

    cd ios
    pod install
    cd ..
    

Link icon fonts

Add assets to your react-native.config.js ( If not exist, please create in project’s root directory )

module.exports = {
  assets: ['node_modules/@ant-design/icons-react-native/fonts'],
};

Run the react-native-asset's command and linking + unlinking is automatic

npx react-native-asset

Links

Development

  • Running On Expo

node >= 18

# go to expo example folder
cd example

# install dependencies
yarn

# start expo
yarn expo
  • 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

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


Thanks to all the contributors of @ant-design/react-native:

contributors

最近版本更新:(数据更新于 2024-09-18 08:04:50)

2024-09-09 20:07:59 5.2.3

2024-08-12 23:20:07 5.2.2

2024-08-02 21:44:44 5.2.1

2024-03-15 18:25:39 5.1.1

2024-02-23 19:36:42 5.1.0

2023-02-20 14:29:41 5.0.4

2023-02-20 14:29:17 5.0.3

2022-10-14 16:47:08 5.0.2

2022-08-17 15:34:16 5.0.1

2022-03-28 18:30:25 5.0.0

主题(topics):

android, antd-mobile, ios, javascript, react, react-native, typescript

ant-design/ant-design-mobile-rn同语言 TypeScript最近更新仓库

2024-11-05 17:55:23 langgenius/dify

2024-11-05 17:35:52 siyuan-note/siyuan

2024-11-05 16:59:32 laurent22/joplin

2024-11-05 12:39:27 lobehub/lobe-chat

2024-11-05 11:52:31 RSSNext/Follow

2024-11-05 07:18:03 microsoft/genaiscript