react-native 类似于ios的底部弹出选择框

最新推荐文章于 2024-05-19 09:54:32 发布

小白的成长之路_

最新推荐文章于 2024-05-19 09:54:32 发布

阅读量1.1k

点赞数

文章标签： react-native 底部弹出框

本文链接：https://blog.csdn.net/XiaoZhuang__/article/details/102523219

版权

话不多说先上图

下面是代码下载地址

https://download.csdn.net/download/xiaozhuang__/11856145

//相关插件

import ImagePicker from 'react-native-image-picker';
import {Overlay} from 'teaset';

//实现方式

<TouchableOpacity
    activeOpacity={.6}
    onPress={() => {
        this.choicePerm();
    }}
    style={styles.drawerCls2}>
    <Text style={
 {marginLeft: p(35), fontSize: p(30), color: '#222',}}>头像</Text>
    <View style={
 {flexDirection: 'row', alignItems: 'center'}}>
        <Image source={logourl ? {uri: configs.api.imageHost + logourl} : Images.home.head}
               style={
 {width: p(66), height: p(66), borderRadius: p(33)}}/>
        <Image source={Images.home.more}
               style={
 {marginLeft: p(20), width: p(13), height: p(23), marginRight: p(40)}}/>
    </View>
</TouchableOpacity>

choicePerm = (type, step) => {
    if (Platform.OS === 'android') {
        PermissionsAndroid.requestMultiple([PermissionsAndroid.PERMISSIONS.CAMERA,
            PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE])