美文网首页
Ant Design Mobile 组件学习经验

Ant Design Mobile 组件学习经验

作者: zhulichao | 来源:发表于2020-08-06 10:40 被阅读0次

    使用过的组件

    TabBar、Toast、ActivityIndicator、Button、SegmentedControl、Tabs、WingBlank、Icon

    自定义组件样式

    参见有情怀的程序猿

    TabBar组件

    使用TabBar组件需注意:

    • TabBar.Item必须多余1个否则报错
    • TabBar.Item中包裹的组件要有背景色,否则会重合显示

    InputItem组件

    使用该组件时在Android上无法输入,所以直接使用的React Native的TextInput组件。

    SegmentedControl组件

    其实是一个标签的效果,通过在SegmentedControl标签内,根据selectedIndex不同包裹不同的子组件,可以实现内容切换的效果。但是这种方式每次点击显示的内容都是重新加载的,不像Tabs有缓存的功能。

    Icon组件

    详见Icon 如何使用-(RN-版),在android上这样配置没问题,在ios上还要参考issues-1027

    RN兼容性及Android兼容性

    个人感觉 Ant Design Mobile 当前不太稳定,RN兼容性及Android兼容性都有些问题,如果没有特殊要求且RN中存在满足需求的组件,建议还是使用RN的。

    关于 antd-mobile 对应的 RN 版本使用说明
    组件 RN 版本兼容性测试记录
    SwipeAction在安卓上无效

    相关文章

      网友评论

          本文标题:Ant Design Mobile 组件学习经验

          本文链接:https://www.haomeiwen.com/subject/clvxhktx.html