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)
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.
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 |
---|
Open the camera app on your device and scan the code above,
need install expo app: https://expo.io/tools
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:
最近版本更新:(数据更新于 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