Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tracking ant-design-mobile-rn 5.0 #1187

Open
spencer741 opened this issue Jul 11, 2021 · 21 comments
Open

Tracking ant-design-mobile-rn 5.0 #1187

spencer741 opened this issue Jul 11, 2021 · 21 comments

Comments

@spencer741
Copy link
Contributor

🌄 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:

  1. Update ant-design-mobile-rn to include all (or most) of the components in ant-design.

  2. Add some new mobile-only components to the library -- if possible

  3. 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.

Complete? ant-design components ant-design-mobile-rn components (assigned) Issue Link
⬜️ Button Button
⬜️ Icon Icon
⬜️ Typography
Category: Layout
⬜️ Divider
⬜️ Grid Grid
⬜️ Layout
⬜️ Space
Category: Navigation
⬜️ Affix
⬜️ Breadcrumb
⬜️ Dropdown
⬜️ Menu
⬜️ PageHeader
⬜️ Pagination Pagination
⬜️ Steps Stepper and Steps
Category: Data Entry
⬜️ AutoComplete
⬜️ Cascader
⬜️ Checkbox Checkbox
⬜️ DatePicker DatePickerView and DatePicker
⬜️ Form
⬜️ Input InputItem and TextareaItem
⬜️ InputNumber
⬜️ Mentions
⬜️ Radio Radio
⬜️ Rate
⬜️ Select
⬜️ Slider Slider
⬜️ Switch Switch
⬜️ TimePicker
⬜️ Transfer
⬜️ TreeSelect
⬜️ Upload ImagePicker
Category: Data Display
⬜️ Avatar
⬜️ Badge Badge
⬜️ Calendar
⬜️ Card Card
⬜️ Carousel Carousel
⬜️ Collapse Accordion
⬜️ Comment
⬜️ Descriptions
⬜️ Empty
⬜️ Image
⬜️ List List and ListViewExperimental
⬜️ Popover Popover
⬜️ Statistic
⬜️ Table
⬜️ Tabs Tabs and TabBar
⬜️ Tag Tag
⬜️ Timeline
⬜️ Tooltip
⬜️ Tree
Category: Feedback
⬜️ Alert
⬜️ Drawer Drawer
⬜️ Message
⬜️ Modal Modal
⬜️ Notification
⬜️ Popconfirm
⬜️ Progress Progress
⬜️ Result Result
⬜️ Skeleton
⬜️ Spin ActivityIndicator
Category: Other
⬜️ Anchor
⬜️ BackTop
⬜️ ConfigProvider Provider

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.

@1uokun
Copy link
Collaborator

1uokun commented Jul 12, 2021

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

@1uokun 1uokun pinned this issue Jul 12, 2021
@spencer741
Copy link
Contributor Author

spencer741 commented Jul 20, 2021

Form

I claimed Form
Working on a PR here: https://github.com/spencer741/ant-design-mobile-rn

@1uokun
Copy link
Collaborator

1uokun commented Jul 26, 2021

Data Entry / Switch

I claimed the switch
branch: https://github.com/ant-design/ant-design-mobile-rn/tree/switch-feature
done✅: 7ed1a3c

@1uokun
Copy link
Collaborator

1uokun commented Jul 27, 2021

Data Entry / Checkbox & Radio

I claimed the checkbox & radio
branch: https://github.com/ant-design/ant-design-mobile-rn/tree/checkbox/radio-feature
done✅:3bec0d3

@1uokun
Copy link
Collaborator

1uokun commented Jul 29, 2021

贡献指南 🚩

在参与贡献时请先查看「贡献指南」,比如像这样值得注意的地方⬇️

分支管理#
基于我们的 发布周期,我们长期维护两个分支 master 和 feature。
如果你要修一个 bug,那么请发 pull request 到 master,我们会每周从 master 发布一个 patch 版本;
如果你要提一个增加新功能的 pull request,那么请基于 feature 分支来做,每月末我们会合并 feature 到 master,并发布一个包含新特性的 minor 版本。

更多阅读

  1. feature 分支地址: https://github.com/ant-design/ant-design-mobile-rn/tree/feature
  2. Ant Design通用贡献指南: https://ant.design/docs/react/contributing-cn
  3. 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

  1. Branch feature: https://github.com/ant-design/ant-design-mobile-rn/tree/feature
  2. Ant Design general: https://ant.design/docs/react/contributing
  3. Development Instruction: https://github.com/ant-design/ant-design-mobile-rn/blob/master/development.en-US.md

@tianlinzx
Copy link

Any update on it ? When will 5.0 be released ?

@codedart2018
Copy link

5.0不和mobile5.0一起吗?

@1uokun
Copy link
Collaborator

1uokun commented Nov 4, 2021

5.0不和mobile5.0一起吗?

上述计划需要大家一起来实现,现阶段能做的就是修复反馈bug,提高大家的使用信心

@SolidZORO
Copy link

SolidZORO commented Nov 26, 2021

考虑到 antd-mobile v5 现在 beta 了,感觉再等等,让他跑一段时间再考虑移植 mobile-rn 比较适合。

我看现在 Table 里是想 rn 直接对标 antd。感觉这样不是很适合,UX 什么的应该对标 antd-mobile 才对。

@GOWxx
Copy link

GOWxx commented Dec 8, 2021

@1uokun
Copy link
Collaborator

1uokun commented Jan 7, 2022

Feedback / ActionSheet

I claimed the action-sheet & support web & extends Portal in web

@1uokun
Copy link
Collaborator

1uokun commented Jan 20, 2022

Data Display / Carousel

I claimed the carousel & will support web & pref infinite

@1uokun
Copy link
Collaborator

1uokun commented Feb 20, 2022

Navigation / Tabs

I claimed the tabs & extends Carousel

@1uokun
Copy link
Collaborator

1uokun commented Feb 28, 2022

expo support🎉

Checkout the official @ant-design/react-native App on Expo which uses all of the ant-design-mobile-rn components.

@BANG88
Copy link
Member

BANG88 commented Jul 4, 2022

考虑到 antd-mobile v5 现在 beta 了,感觉再等等,让他跑一段时间再考虑移植 mobile-rn 比较适合。

我看现在 Table 里是想 rn 直接对标 antd。感觉这样不是很适合,UX 什么的应该对标 antd-mobile 才对。

cc @1uokun 不会跟PC的对齐,应该跟ant-design-mobile 的所有组件以及api对齐,但是难度还是挺大的。你们有什么想法吗?

@1uokun
Copy link
Collaborator

1uokun commented Jul 4, 2022

考虑到 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相关的组件,
前期没调研好埋了很大的坑,对不起😭

@BANG88
Copy link
Member

BANG88 commented Jul 4, 2022

没事,就看需不需要继续。

@vitalijalbu
Copy link

Hi guys, any live app that uses ANTD react native? Thanks

@1uokun
Copy link
Collaborator

1uokun commented Aug 28, 2023

Hi guys, any live app that uses ANTD react native? Thanks

Expo Go

@548705486
Copy link

现在支持暗黑模式吗,没找到相关资料,在暗黑模式下,model出现看不见字问题

@badpinkman
Copy link

现在支持暗黑模式吗,没找到相关资料,在暗黑模式下,model出现看不见字问题

同求 +1
我也想咨询同样的问题, 没有找到相关的资料

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants