用于非原生移动Web开发的Ant Design antd vs antd-mobile
阅读蚂蚁设计我很困惑,用于移动Web开发的哪个库.有两个库,antd和antd-mobile.虽然很明显,但是,antd-mobile支持iOS和Android对原始的原始,还不清楚哪一个最适合普通移动(非本机/spa)web开发. 读取介绍您看到"蚂蚁设计"等语句,如用于内部桌面应用程序,......",同时读取"支持Web/IOS/Android平台(基于React)"本机)" 来自此,我认为Ant不太适合Web基于Web的桌面(即Elektron)应用程序以外的Web开发. 但尝试使用ant-mobile建立正常的Web应用程序我无法完成工作.例如,按钮显示,但DatePicker不是.切换到蚂蚁一切似乎都很好. 我是正确的,假设对于任何非本地移动开发,您需要使用Ant而不是Ant-Mobile? 如果是的话,这是什么支持的"Web"平台,即antd-mobile提到? 解决方案 从我的经验中: antd : 适用于完整的浏览器Web(
72 2022-12-19
编程技术问答社区
antd-mobile Grid的相关疑问
问 题 本地环境 antd-mobile 版本:最新 浏览器 (或标明是 react-native) 及其版本:google chrome 运行环境及其版本:最新 引用Grid 当前设置为跑马灯, 但是默认行数为2行, 但是我只想要单行显示, 请问有什么好的建议吗~ 解决方案 设置 carouselMaxRow 请仔细看文档 https://mobile.ant.design/com...
576 2022-07-19
编程技术问答社区
react.js - antd 在create-react-app中用antd搭建PC端SPA,路由切换后,浏览器前进后退后菜单激活状态如何改变
我用create-react-app搭建项目,UI库用antd,react-router4.1.1做路由,做了一个侧边导航做路由切换,已经实现,但是当我点击浏览器的前进和后退按钮时候如何让导航菜单的按钮状态随着路由一起变化?现在是点击前进后退之后路由依然切换,但是menu按钮的状态不动。现在就是差一个事件,判断是否点击了前进或后退,然后设置isSelect的值 react state代码: state = { isSelect:'/index' }; antd代码:
414 2022-07-19
编程技术问答社区
antd-mobile 高清方案疑问
问 题 本地环境 antd-mobile 版本:最新 浏览器 (或标明是 react-native) 及其版本:google chrome 运行环境及其版本:最新 你做了什么? 配置高清方案 你期待的结果是: 能够根据手机屏幕缩放显示内容 实际上的结果: 未能根据手机屏幕缩放显示内容 关键代码: index.html Test
398 2022-07-19
编程技术问答社区
antd-mobile Tabs 标签页疑问
问 题 browser / google chrome / antd-mobile: 1.0.1 引用Tabs组件 code: import { Tabs, WhiteSpace } from 'antd-mobile'; const TabPane = Tabs.TabPane; function callback(key) { console.log(key); } const TabExample = () => (
332 2022-07-19
编程技术问答社区
antd-mobile 关于SVG图片不显示的问题
问 题 引用下拉刷新组件, 下拉时看不见Loading 图标, 然而在GitHub Issues 的发觉已经提出过了~ 因为使用的是 roadhog的关系, 文章中并未有说明配置的方式( https://mobile.ant.design/com... roadhog官网: 支持通过 webpack.config.js 以编码的方式进行配置,但不推荐,因为 roadhog 本身的 major 或 minor 升级可能会引起兼容问题。使用时会给予警告,详见 #36 。(webpack.config.js 本身的编写支持 ES6,会通过 babal-register 做一层转换。) 尝试创建 webpack.config.js, 引用给出的代码, 还是无法解决问题 ! 解决方案 svg icon 的文档已更新,添加了 roadhog 的支持 https://mobile.ant.design/com...
808 2022-07-19
编程技术问答社区
javascript - ant-design里为了清空Modal中的值每次点击显示为它设置key,可是却报错
这是官网的解释: 组件有标准的 React 生命周期,关闭后状态不会自动清空。 如果希望每次打开都是新内容,需要自行手动清空旧的状态。或者打开时给 Modal 设置一个全新的 key, React 会渲染出一个全新的对话框。 但是我用的时候就报错,还是说key相同。我一共三个model。一个父级内嵌套着两个子级。有时候点击这三个Modal的控制显示按钮会报错,有时候不会,报错信息: 我的代码: state = { loading: false, mainModal: false, inputItemModal:false, selectItemModel:false, inputModalKey:0, selectModalKey:0, mainModalKey:0,
3488 2022-07-17
编程技术问答社区
react.js - React+Redux+antd-mobile 应用中 全局Loading 组件的使用问题?
问 题 我的使用场景:是在进入页面时 React 的 componentWillMount 方法中 去服务器请求用户信息 通过redux dispatch 一个异步的 方法发起ajax请求,同时显示一个Toast.loading('正在加载') 请求执行完成后通过reducer 更新用户的信息,在页面中通过props判断用户是否加载成功。 如果成功会使用Toast.hide()关闭刚才的loading。 这些都是没问题的。 但是我第二次使用Toast.loading 显示其他信息的时候。弹不出loading框,发现在上面的 render方法中先判断了用户是否加载成功,然后给我直接hide掉了。 请问大家在使用全局Loading 的时候是怎么处理的。 class XXX extends React.Component{ componentWillMount(){ //获取用户名 const {
3210 2022-07-17
编程技术问答社区