问题标签 [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 投票
1 回答
88 浏览

css - CSS媒体查询选择性地不起作用

我正在尝试设置页面样式,桌面运行良好,我的问题是移动视图。移动视图正在处理选定的组件,例如背景图像运行良好。

我想在移动视图上给这张卡一个宽度300px;,但它不是在挑选,但是当我放置高度700px或任何东西时它可以工作。正如您在屏幕截图中看到的那样,移动样式被取消,这意味着它没有被应用。

移动端视图,卡片宽度对屏幕来说太大了,我需要它是300px

这是我的 CSS

有人看到我没看到的东西吗?

0 投票
1 回答
442 浏览

react-native - 如何使用 antd-mobile-rn 创建和使用自定义主题?

我想为 antd-mobile-rn 库创建和使用自定义主题,网站将我引导至:https ://github.com/ant-design/antd-mobile-samples/tree/master/rn-custom- ui#antd-mobile-with-rn-custom-ui

我按照说明进行操作,但他的颜色保持默认。我不想为我的应用程序中的每个元素都设置样式。

所以 2 个主要问题: 1. 我如何调试 package.json “start”中调用的脚本 2. 有没有人这样做并让它工作,特别是在 react-native

0 投票
0 回答
136 浏览

javascript - 如何将 antd-mobile 文本输入作为受控组件与降档集成?

我想在我的 antd-mobile web-app 中使用降档的自动完成功能。我喜欢降档,因为它呈现外部组件。

不幸的是,我不知道如何“绑定”来自 antd-mobile 的/两个文本输入元素之一。这些组件提供了“受控”模式,但我找不到相应的文档。

仅仅传递getInputProps()from downshift 是行不通的:

降档抛出:

当 downshift 读取antd-mobile 组件(calling-back )event.target.value提供的唯一回调参数( )时,就会发生这种情况。这是有道理的,因为 antd-mobile api-doc 说返回文本输入的“字符串”类型值。eventonChange()

那么,如何从 antd-mobile 组件中获取原始的 react<input>组件onChange回调来传递呢?

调查源头:我在这里迷路了。onChange回调应设置为this.props.onChange(包含在 中)restProps。反过来应该getInputProps()从 downshift 设置:返回值的 Object.keys 是:

展望未来:鉴于onChange回调通过降档 - 是否需要更多绑定?

0 投票
1 回答
413 浏览

antd - 在同一个项目中使用 antd(React) 和 antd-mobile(React)

我正在使用 NextJs,想知道如何配置 webpack 以同时支持 antd 和 antd。

目前,无法正确配置 webpack

0 投票
0 回答
832 浏览

react-native - 无法从“node_modules\antd-mobile\lib\button\style\css.js”解析模块“./index.css”

当我运行这个命令时:

我收到以下错误:

我已经完成了以下工作:

package.json文件如下所示:

babel.config.js如下所示:

0 投票
0 回答
211 浏览

reactjs - Flex.Item 在 Ant Design Mobile React Native 中不起作用

我正在尝试使用 Ant Design Mobile 的 Flex 功能来定位具有列的 flex 方向的按钮。似乎 Flex 和 Flex.Item 不起作用。按钮位置堆叠在一起。

在此处输入图像描述

应用程序.js

0 投票
1 回答
856 浏览

reactjs - 为什么 Ant Design Mobile 中没有提交按钮?

我正在使用带有反应的蚂蚁设计手机。
我想在 InputItem 或 TextareaItem 中提交值。
但我找不到“提交按钮”。;(
我可以在蚂蚁设计中找到一个“表格”。

Q1。如何使用 ant design mobile 以表单形式提交输入数据?
Q2。如何在反应中使用带有“useForm”的ant design mobile?
Q3。ant design和ant design mobile可以一起使用吗?

0 投票
1 回答
648 浏览

react-native - 找不到模块:无法解析 './src/refreshableScrollView

在我的应用程序中安装 ant mobile 后,我尝试在我的应用程序中使用卡片组件,但是当我在 web 或手机上使用 expo 启动应用程序时,我总是收到相同的错误(错误的完整日志是:Module not成立:

idk 如果需要,但我发布的所有信息都已发布)',有人知道如何解决吗?

0 投票
1 回答
288 浏览

javascript - 如何在 Ant Design (React.js) 中单击 Show More 按钮来展开表格数据?

有什么方法可以扩展表格数据以显示更多行。官方的 Ant 设计文档对这个需求没有太大帮助,因为他们只有用于行扩展的实例。但是我需要在单击某种“显示更多”之类的按钮时展开整个表格。非常感谢您的帮助。

扩展前的表

点击显示更多按钮后的表格

0 投票
1 回答
533 浏览

reactjs - 如何将 Class 代码更改为用于 Ant Design Tabs 定制的 Function 代码

我正在将类代码更改为自定义 Ant Design Tabs 的功能代码。一切正常,但我无法更改 onEdit 功能。我该怎么做。

这是类中的代码

这是我在函数中的代码

确切地说,我如何在函数中编写此类代码。我的onEdit,函数内部的添加和删除函数不起作用

我想要一个类似的功能,但代码必须在一个函数而不是类里面 查看 CodeSand 框在这里