0

我在嵌套视图中的图像下方使用了一个可按压对象，该对象在父容器视图内部具有背景色，但是，onPress 没有响应，除非我定位可按压绝对对象（这迫使我重新定位其他组件）或当我删除背景颜色时从子视图中，或者如果将可按下的按钮移到子视图之外可以正常工作。什么可能是它无法在具有显式背景颜色而不是默认值的视图中工作的根本原因。我觉得事件冒泡可能存在问题，例如视图的背景颜色与可按下的重叠。非常感谢专家建议和/或修复。只在安卓上测试过。谢谢

import React from 'react'
import {View, Text, Image,Pressable } from 'react-native';

const SignUp3Success = ({navigation}) => {
    return (

        <View style={{flex:1, justifyContent:'center', alignItems:'center', }}>
            
            <View style={{width:332, height:235, bottom:56 }}>
                <Image source={require('MyProjectName/src/images/binaryGlobe.png')}
                    style={{width:'100%', height:'100%',}} 
                    resizeMode='contain'  
                />
                <Text style={{fontSize:24, top:'5%'}}>Welcome!</Text>
                <Text style={{fontSize:16, top:'8%'}}>Your account has been created.</Text>

                <Pressable  style={
                                    ({pressed}) => 
                                        [{ 
                                            borderRadius:10, 
                                            alignItems: 'center', 
                                            justifyContent: 'center',
                                            height:42,
                                            width:'90%',
                                            alignSelf:'center',
                                            backgroundColor: pressed ? 'blue': 'green',
                                            elevation:3,
                                            top:'18%'
                                        }]
                                }
                                onPress={() => {alert('Hi you pressed me')}}
                            >
                    <Text style={{color:'white', fontSize:16, fontWeight:'bold'}}>Add a photo</Text>           
                </Pressable>      
            </View> 
        </View>      
    );
}
export default SignUp3Success

无背景颜色 无背景颜色

带有明确的背景颜色 带有明确的背景颜色

4

1 回答 1

0

我刚刚使用Snack Expo来快速执行您的代码。您发布的代码对我来说非常好。我尝试更改背景颜色和位置，但它仍然有效。发布的代码是对您不起作用的确切代码吗？

于 2021-08-13T10:11:41.727 回答