ant-design-mobile-rn
ant-design-mobile-rn copied to clipboard
ant-design
Tracking ant-design-mobile-rn 5.0
🌄 Overview:
This issue is to track development on ant-design-mobile-rn 5.0 : the revitilization update 🏆 and has come out of a previous discussion here.
The goal of this project is to revitalize ant-design-mobile-rn with the vision of being a 1:1 component library to ant-design.
ant-design offers world class enterprise components for React.js. The react-native community needs ant-design components to bring enterprise-level components to mobile platforms, as not many libraries offer enterprise-level components for react-native.
Support and development on ant-design-mobile-rn has died out slowly since this library has been maintained by individual developers, but none-the-less we stand on the shoulders of giants and strictly follow the ant-design design language.
This project will detail all of the ant-design components and APIs that we have left to make ant-design-mobile-rn up-to-date with ant-design.
This will be a long journey, but it must be done.
🎯 Goals:
-
Update
ant-design-mobile-rnto include all (or most) of the components inant-design. -
Add some new mobile-only components to the library -- if possible
-
Completely revamp the docs to more accurately reflect categorization and documentation of new and old components.
📑 The details:
I have performed an initial grouping, comparing the existing ant-design-mobile-rn components that match up with ant-design.
Most of the unassigned components (i.e., components that don't have a 1:1 matchup to ant-design are mobile-only, or components that only make sense on mobile devices (for example... the native pickers).
| Unassigned components from ant-design-mobile-rn |
|---|
| ActionSheet |
| SwipeAction |
| SearchBar |
| NoticeBar |
| PickerView |
| Picker |
| Toast |
| SegmentedControl |
| Flex |
| WingBlank |
| WhiteSpace |
Below is the main progress table.
The complete column shows if the Component or group of components is complete.
The ant-design components and ant-design-mobile-rn components (assigned) columns link to the respective components in each library.
The Issue Link column is a link to the issue that tracks on a deeper level discussion and development of the component. An issue can be created for each component or component group as we get to it.
I will work on a PR overhauling the docs, to properly categorize components as ant-design and coordinate with progress on the component-level to test and update component APIs in the docs.
I know @1uokun has started on component dev for the following components see here, maybe we can start with form ? Let me know.
To keep this thread clear, only comment about updates to the master list. For discussion on development of a new component or a re-factor of an existing component, create the issue for that discussion and dev...next, comment here so I can update the master list with the link to the issue or feature.
Data Entry / Form
first of all, complete Form before completing other fields,
Import rc-field-form, and use this to familiarize yourself with the ecology of the react-component organization
Form
I claimed Form Working on a PR here: https://github.com/spencer741/ant-design-mobile-rn
Data Entry / Switch
I claimed the switch
branch: https://github.com/ant-design/ant-design-mobile-rn/tree/switch-feature
done✅: https://github.com/ant-design/ant-design-mobile-rn/commit/7ed1a3cca4e67e87226150fd696eb27cb739a99e
Data Entry / Checkbox & Radio
I claimed the checkbox & radio
branch: https://github.com/ant-design/ant-design-mobile-rn/tree/checkbox/radio-feature
done✅：https://github.com/ant-design/ant-design-mobile-rn/commit/3bec0d3d6d56b72a82830a8cd747fe4290a43e74
贡献指南 🚩
在参与贡献时请先查看「贡献指南」，比如像这样值得注意的地方⬇️
分支管理# 基于我们的 发布周期，我们长期维护两个分支 master 和 feature。 如果你要修一个 bug，那么请发 pull request 到 master，我们会每周从 master 发布一个 patch 版本； 如果你要提一个增加新功能的 pull request，那么请基于 feature 分支来做，每月末我们会合并 feature 到 master，并发布一个包含新特性的 minor 版本。
更多阅读
- feature 分支地址: https://github.com/ant-design/ant-design-mobile-rn/tree/feature
- Ant Design通用贡献指南: https://ant.design/docs/react/contributing-cn
- ant-design-mobile-rn开发说明: https://github.com/ant-design/ant-design-mobile-rn/blob/master/development.zh-CN.md
Contributing 🚩
Please read before contributing, like this⬇️
Branch Organization According to our release schedule, we maintain two branches, master and feature. If you send a bugfix pull request, please do it against the master branch, if it's a feature pull request, please do it against the feature branch.
More reading
- Branch feature: https://github.com/ant-design/ant-design-mobile-rn/tree/feature
- Ant Design general: https://ant.design/docs/react/contributing
- Development Instruction: https://github.com/ant-design/ant-design-mobile-rn/blob/master/development.en-US.md
考虑到 antd-mobile v5 现在 beta 了，感觉再等等，让他跑一段时间再考虑移植 mobile-rn 比较适合。
我看现在 Table 里是想 rn 直接对标 antd。感觉这样不是很适合，UX 什么的应该对标 antd-mobile 才对。
antd-mobile5 rc 啦 https://github.com/ant-design/ant-design-mobile/releases/tag/v5.0.0-rc.2
Feedback / ActionSheet
I claimed the action-sheet & support web & extends Portal in web
- branch:
https://github.com/ant-design/ant-design-mobile-rn/tree/feat-action-sheet - done✅ https://github.com/ant-design/ant-design-mobile-rn/commit/d6ba73292724de0edf1ed41ed71119ef3662661a
- [ ] checklist: https://github.com/ant-design/ant-design-mobile-rn/issues?q=sheet
Data Display / Carousel
I claimed the carousel & will support web & pref infinite
- branch:
https://github.com/ant-design/ant-design-mobile-rn/tree/feat-carousel - done✅ https://github.com/ant-design/ant-design-mobile-rn/commit/c9104bf873b6b7a261d63c4ab2a1f901b2a03530
- [x] checklist: https://github.com/ant-design/ant-design-mobile-rn/issues?q=carousel
Navigation / Tabs
I claimed the tabs & extends Carousel
- branch:
https://github.com/ant-design/ant-design-mobile-rn/tree/feat-tabs - done✅ https://github.com/ant-design/ant-design-mobile-rn/commit/ea2ae3efc1fa597d307ae1b0cbe2df15caf5546f
- [ ] checklist: https://github.com/ant-design/ant-design-mobile-rn/issues?q=tab
expo support🎉
Checkout the official @ant-design/react-native App on Expo which uses all of the ant-design-mobile-rn components.
- branch:
https://github.com/ant-design/ant-design-mobile-rn/tree/feat-expo - done✅ https://github.com/ant-design/ant-design-mobile-rn/commit/3c13f53afbd06fd1b828514b2695c1d0be0d2ab2
- [ ] checklist: https://github.com/ant-design/ant-design-mobile-rn/issues?q=expo
考虑到 antd-mobile v5 现在 beta 了，感觉再等等，让他跑一段时间再考虑移植 mobile-rn 比较适合。
我看现在 Table 里是想 rn 直接对标 antd。感觉这样不是很适合，UX 什么的应该对标 antd-mobile 才对。
cc @1uokun 不会跟PC的对齐，应该跟ant-design-mobile 的所有组件以及api对齐，但是难度还是挺大的。你们有什么想法吗？
考虑到 antd-mobile v5 现在 beta 了，感觉再等等，让他跑一段时间再考虑移植 mobile-rn 比较适合。 我看现在 Table 里是想 rn 直接对标 antd。感觉这样不是很适合，UX 什么的应该对标 antd-mobile 才对。
cc @1uokun 不会跟PC的对齐，应该跟ant-design-mobile 的所有组件以及api对齐，但是难度还是挺大的。你们有什么想法吗？
你说得对应该和ant-design-mobile对齐，不需要和PC对齐，特别是Form和Table是不适合在移动端显示的。
v5主要升级在对react-native-web和expo的支持，没有增加和PC相关的组件， 前期没调研好埋了很大的坑，对不起😭
