没有合适的资源?快使用搜索试试~ 我知道了~
react native使用ModalDropdown实现下拉选择框
0 下载量 129 浏览量
2021-01-20
13:28:08
上传
评论
收藏 27KB PDF 举报
温馨提示
试读
2页
参考博客链接:https://blog.csdn.net/qq_39910762/article/details/82771108 1.安装 npm i react-native-modal-dropdown -save 2.引入 import ModalDropdown from 'react-native-modal-dropdown'; 3.使用 {this.setState({typeShow:true})}} //按下按钮显示按钮时触发 onDropdownWillHide={() => this.setState({typeShow:false})} /
资源推荐
资源详情
资源评论
react native使用使用ModalDropdown实现下拉选择框实现下拉选择框
参考博客链接:https://blog.csdn.net/qq_39910762/article/details/82771108
1.安装安装
npm i react-native-modal-dropdown -save
2.引入引入
import ModalDropdown from 'react-native-modal-dropdown';
3.使用使用
{this.setState({typeShow:true})}} //按下按钮显示按钮时触发
onDropdownWillHide={() => this.setState({typeShow:false})} //当下拉按钮通过触摸按钮隐藏时触发
onSelect={this._selectType} //当选项行与选定的index 和 value 接触时触发
defaultValue={'国内'}>
{this.state.areaIndex === '0'?'国内':'国外'}
方法
// 分类选择
_selectType = (index,value) => {
console.log(index + '--' + value)
this.setState({
areaIndex: index
})
}
// 下拉列表分隔符
_separator = () => {
return(
)
}
// 分类选择下拉框位置
_adjustType = () => {
return({
top: 425,
left: 92
})
}
常量定义
const type=['国内','国外']
state变量定义
资源评论
weixin_38544075
- 粉丝: 10
- 资源: 931
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于MATLAB实现传统图像去噪算法和深度学习DnCNN模型图像去噪源码+项目说明.zip
- 数据处理数据图像处理大作业-图割源码.zip
- 图书管理系统c语言实现的项目源代码.zip
- 毕设项目基于深度学习的热轧带钢表面缺陷自动检测设计与实现python源码+PPT演讲+模型.zip
- 01 背包问题限定条件最优解动态规划算法.zip
- 0- 1背包动态规划解决问题思路及原理.zip
- STM32视力保护程序.zip
- 基于SSM框架的医院销售管理系统开题报告.zip
- 基于SSM框架的校园心理咨询服务平台的设计与实现.zip
- 三菱PLC FX1S系列PLC中文编程GX Works2 入门指南 plc编程实例FX3U FX3UC编程手册资料合集(30个)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功