react的前端ui的ant-mobile的picker不能滚动

最新推荐文章于 2024-09-06 18:38:46 发布
最新推荐文章于 2024-09-06 18:38:46 发布
阅读量667 收藏
点赞数
文章标签： react native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/northSand/article/details/112555971
版权

ant-mobile的picker不能滚动
本人最近该开始使用react开发单页面应用，使用心得就不说了，用的还可以就是很多未知的坑需要自己踩踩
其中用了一个ant-mobile的picker，因为用在了粘性布局的那个react-sticky里面导致了这个picker显示后鼠标不能滚动，样式不生效
后面可以通过visible属性放到外边，就可以正常使用了

northSand
关注
react-mobile-picker：一个类似React的iOS选择框组件
02-03
React Mobile Picker React Mobile Picker是一个非常简单的组件，没有任何限制，这意味着您可以以任何需要的方式使用它。 预习 在您的手机中扫描此Qr。 或访问（在移动或移动模拟器中）： : 安装 npm install react-mobile-picker --save 用法 ES6 import Picker from 'react-mobile-picker' ; 普通JS var Picker = require ( 'react-mobile-picker' ) ; 道具 物业名称 类型 默认 描述 选项组 目的 不适用 键值对为{name1: options1, name2: options2} 。 options是此名称所有选项的数组。 valueGroups 目的 不适用 选定的值对为{name1: value1, name2: value2} 。 onChange（名称，值） 功能 不适用 用户选择新值时调用的回调。 onClick（名称，值） 功能 不适用 用户单击所选值时调用的回调。 itemHeigh
关于pickerView滑动不了的问题
weixin_44013124的博客
11-09 1459
因为一些需求原因，最近做的项目使用pickerView并且要自己写个弹框让其弹出来。在开发过程中遇到一个问题：数据源data以及初始值value在仔细检查过都没有格式、类型错误等，但就是点开这个弹框时，初始值定位不准，并且滑动一下之后再也滑动不了了。 最后发现是display这个css属性导致的。因为初进页面，这个弹框的style是display：none，然后手动选择之后将属性通过选择器改为 display:block。猜想是由于高度问题导致pickerview无法刷新...
解决react antd Select下拉框滚动条只能滚轮滚动，不能拖动bug
Peter_Anna的博客
01-17 686
解决react antd Select下拉框滚动条只能滚轮滚动，不能拖动bug
React实现滑动选择插件（仿Antd-mobile Picker）
weixin_33924770的博客
05-31 2533
效果图 需求 由于移动端iOS和安卓原生select样式和效果不同，同一个控件在不同系统上效果不同。所以决定制作一个跟iOS风格类似的，可以滚动，选择器插件。之后看到了antd-mobile里面的picker插件符合我们的要求，使用了一段时间感觉其效果不错，隧查看源码，探究其制作过程。但是antd-mobile是Typescript编写...
开发移动端react组件datepicker的总结与教训
weixin_33967071的博客
09-18 856
背景 前一阵，应公司的需求，需要一个在移动端运行的react组件datepicker(选择日期)。搜索查找过后，我并没有找到一个既轻量级简洁又满足需求的组件。大部分现成的日期选择器都是相对于pc端开发的。 思考过后变决定自己写一套移动端react日期选择器组件react-mobile-datepicker。 Github Demo 过...
react月份选择控件_一个移动端 react 的日期选择器
weixin_36150355的博客
12-30 369
react-mobile-datepicker a lightweight react date picker for mobile, Not more than 4kreact-mobile-datepicker provides a component that can set year, month, day, hour, minute and second by sliding up ...
React 使用Picker选择器实现单项选择列表
weixin_42260975的博客
02-24 3772
React 使用Picker选择器实现单项选择列表 一、功能描述 效果描述：通过选择不同的选项，按对应的选择顺序展示数据 效果图： 二、实现方法 <Picker data={orderData} // 数据源 cols={1} //列数 value={_self.state.sValue} //值 onOk={v => _sel...
react-ant-range-picker:React蚂蚁范围选择器
05-08
React物范围选择器React蚂蚁范围选择器。...用法： // install: npm install afeiship/react-ant-range-picker --save// import : import ReactAntRangePicker from 'react-ant-range-picker'class App extends
ant-design-mobile-rn：用于React Native的Ant设计
02-01
English |蚂蚁设计移动RN 可配置的...pod installyarn ios # or yarn android安装与使用$ npm install @ant-design/react-native --save 要么yarn add @ant-design/react-native安装对等依赖项（4.0.0+） npm inst
react-native-modal-datetime-picker：适用于Android和iOS的React-Native datetime-picker
01-30
$ npm i react-native-modal-datetime-picker @react-native-community/datetimepicker # using yarn $ yarn add react-native-modal-datetime-picker @react-native-community/datetimepicker 请注意， @react-...
react-ant-date-picker:React ant日期选择器
05-08
React剂日期选择器 React ant日期选择器。 特性： static propTypes = { className : PropTypes ....// import : import ReactAntDatePicker from 'react-ant-date-picker' class App extends Re
ant mobile design组件库的PickerView组件不能滑动
最新发布
wangweiscsdn的博客
09-06 307
本地开发环境正常可滑动，测试环境不可滑动
antd 页面滚动下拉框不动问题
Jack_error的博客
03-24 2367
antd处理下拉框不随页面滚动问题 在antd中下拉框组件有很多比如： Select、SelectTree、DatePicker等，在点击后会出现下拉选择框，但是当我们华东页面时，会发现下拉框固定不动。 下面我给大家讲一下解决办法吧！ 分析 原因： 我们查看antd关于下拉选择时不难发现有个api叫 可以看到默认是挂到body的新建div上 但一般我们使用下拉选择框时，都会有父节点 包裹着选择组...
ant-design/react-native 使用Picker组件点击无效
欢迎进入小洋的博客！
12-15 1610
问题描述： ant-design/react-native 使用Picker组件点击无效 解决方案： <Picker data={data} value={this.state.value} cols={1} onOk={(v) => this.ok(v)} > // 需要在这里添加内容 <IconComp color="#ffffff" size={25} name="ios-menu" /> </Picker> ...
react项目实战 2 组件库antd-mobile的介绍和使用
m0_45877477的博客
08-02 3400
antd-mobile: 就是一个基于react的UI组件库 符合ant design 移动规范的react实现 适用于中大型产品的应用
this.scrollheight获取textarea的高度是0_Ant Design 4.0 发布，来看看如何升级？
weixin_39760689的博客
11-20 326
Ant Design 4.0 正式版于 2 月 28 日提前发布，本文将帮助你从 antd 3.x 版本升级到 antd 4.x 版本。升级准备请先升级到 3.x 的最新版本，按照控制台 warning 信息移除/修改相关的 API。升级项目 React 16.12.0 以上。如果你仍在使用 React 15，请参考React 16 升级文档其余 React 16 废弃生命周期 API ...
picker-view无法滚动或滚动后回弹至首项
qq_44242707的博客
09-29 1713
每次需要手动设置picker-view的激活项前都将可选数组清空并取消渲染该组件，使用setTimeout再将原来的可选数组恢复并重新渲染，营造的效果为每次修改时都重新渲染组件，以此规避无法滚动的问题。：表单页面分为只读状态与编辑状态，当从编辑状态转回只读状态时重置picker-view的激活项；后续再返回编辑状态时，表现为picker-view始终固定在首项，滚动后也回弹至首项。：手动设置picker-view的激活项就会导致该问题，深层原因不明，可能是潜在bug。
antd-mobile中picker缺少key解决办法
aliven1的博客
09-08 534
使用的组件是Picker 提示弹出层缺少key,给数据源中的div加上key就好了，官方文档的示例中并没有加key PickerWrapper.defaultProps={ colorValue:['#00FF00'], colors:[ { label: (<div key="#FF0000"> <span style={{ ...colorStyle, backgroundColor: '#FF0000' }
antd-mobile 选择器PickerView的使用
你，若盛开的专栏
10-24 1629
jsx import React, { PureComponent } from 'react'; import { PickerView, Button, Toast } from 'antd-mobile'; import { Icon } from "antd"; import func from '../../util/commonFunc'; import { hashHistory } from "react-router"; import styles from './style1.le.
react ant-design-mobile tabBar 路由
04-25
那么，react ant-design-mobile 是一个提供 UI 组件库的开源项目，而 tabBar 路由是指在移动应用中用来导航不同页面的标签栏。在 react ant-design-mobile 中，你可以使用它的 TabBar 组件来创建一个具有路由功能的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值