问题标签 [antd-mobile]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1115 浏览

mobile - Ant Design Mobile 中的单选和多选控件

我正在尝试确定 Ant Design Mobile 中的单选和多选控件是什么。

  1. 据我所知,Picker是单选控件。这个对吗?
  2. 是否有多选控件?
  3. 这些控件似乎无法在桌面上运行,例如,我无法使用鼠标更改选择。这是故意的吗?
0 投票
1 回答
7652 浏览

antd - Ant Design antd vs antd-mobile 用于非原生移动 web 开发

阅读有关 Ant Design 的信息,我对使用哪个库进行移动 Web 开发感到困惑。有两个库,antdantd-mobile. 虽然很明显 antd-mobile 在 iOS 和 Android 上支持 react-native,但尚不清楚哪一个最适合普通移动(非原生 / SPA)Web 开发。

阅读 antd 介绍您会看到诸如“Ant Design 这是专门为内部桌面应用程序创建的......”之类的语句,而阅读 antd-mobile 介绍您会看到“支持 Web / iOS / Android 平台(基于 React Native)”

由此我认为,除了基于 Web 的桌面(即 Elektron)应用程序之外,ant 在某种程度上不太适合 Web 开发。

但是试图用 ant-mobile 构建一个普通的网络应用程序我无法让它工作。例如 Button 正在显示,但 DatePicker 没有。切换到蚂蚁一切似乎工作正常。

我是否正确假设对于任何非本地移动开发,您需要使用 ant 而不是 ant-mobile?

如果是这样,antd-mobile 提到的这个受支持的“Web”平台是什么?

0 投票
4 回答
10901 浏览

twitter-bootstrap - 蚂蚁设计反应。Bootstrap Grid“容器”概念

Ant Design for React 中是否存在 Bootstrap Grid “容器”概念?

容器是 Bootstrap 中最基本的布局元素,在使用我们的默认网格系统时是必需的。从响应式、固定宽度的容器(意味着它的最大宽度在每个断点处变化)或流体宽度(意味着它一直是 100% 宽)中进行选择。

虽然容器可以嵌套,但大多数布局不需要嵌套容器。

0 投票
1 回答
671 浏览

react-native - ReactNative Antd-Mobile OnPress 和图标不起作用

关于以下代码,我有两个问题,该项目是 ReactNative 并且使用 antd-mobile 作为 UI 组件。

反应原生:

  1. 图标不工作icon={ <Icon type='home' /> }
  2. Tab.Item OnPress 不工作onPress={ () => this.onChangeTab.bind(this, 'category') }

在世博会终端上,每次我点击 tab.item 它都没有记录它。

0 投票
1 回答
54 浏览

javascript - 异步请求后如何处理条件

感谢您提前阅读我的问题。我正在使用 React 的dvaAnt Design Mobile 处理电话注册功能。

在发送验证码之前,我会判断手机是否已经注册。如果是,它会吐司“此手机已注册”。

现在,返回值是正确的:

所以我把它写成:

然后当我单击按钮时,它将调度一个动作(发送请求):

但是当我尝试根据返回值添加 if...else 条件时

只得到错误:

未捕获(承诺中)类型错误:无法读取未定义的属性“代码”

我认为这是关于异步的问题并尝试使用异步等待:

但是得到同样的错误

无法读取未定义的属性“代码”

我想知道为什么以及如何解决这个问题?

补充:这是模型

0 投票
1 回答
363 浏览

reactjs - Ant design mobile 无法在 react native 中工作

genymotion 的输出

.babelrc 的内容和 genymotion 的窗口

App.js 的内容

我只是在 react native 的项目中从 antd-mobile 导入 Button 并像这样使用它。为什么会发生这样的事情?我已经安装了 babel-plugin-import、react-dom、antd-mobile。如上所示,我已经更改了 .babelrc。

0 投票
0 回答
205 浏览

javascript - antd-mobile ,使用 babel-plugin-import,未捕获错误:元素类型无效

“redux”:“^4.0.0”,节点:v10.2.1

.babelrc

脚本:

然后它来了:

我该如何解决?

0 投票
1 回答
449 浏览

javascript - 如何为 React Native 实现 Ant 设计的导航栏

我正在使用antd-mobile-rn我的反应原生应用程序。navbar但是,我在这个库中找不到。只能navbar在 library 中找到组件antd-mobile,但我不能在我的 react native 应用程序中使用它。有人对这个问题有经验吗?需要使用navbarother library

0 投票
2 回答
262 浏览

antd - antd 风格不适用于 antd-mobile 风格

.webpackrc.js,有错吗?

当我import {Select} from antd的 Select 没有风格,只是 antd-mobile 风格的作品。

0 投票
0 回答
704 浏览

antd - 关于“antd 在移动端无法正常运行”的澄清

(请注意,我知道这个问题的存在,但它似乎已经过时了,显然我没有足够的声誉在那里发表评论)

我正在考虑将Ant Design用于一个新项目,但常见问题解答部分中的一个问题确实引起了我的注意:

antd 在移动端不能很好地工作。

详情请查看 And Design Mobile。antd 并没有为此进行优化。你可以试试 react-component,那些以 'm-' 'rn-' 开头的仓库是为移动端设计的。

“效果不好”是什么意思?性能、触摸事件的支持、组件的响应性是否存在问题?

官方文档确实没有提供更多细节,我在Ant Design Mobile网站上找不到任何有用的信息,可以帮助我确定应该使用哪个版本的 antd

我正计划构建一个必须在桌面和移动设备上都能正常运行的应用程序,并且每个应用程序都有两个单独的代码库,这并不是一个真正的选择。那是否会取消 antd 作为我项目的好选择的资格?

任何人都有更多关于“它不能很好地工作”在实践中意味着什么的详细信息?