Image 绝对布局 增加监听事件后不会在显示?求大神指点一二。



  • 我有个一个Image 使用的是绝对布局,在我给这个布局增加监听事件后就直接不显示了? 求解

    代码如下:

      <View style={{flexDirection:'row',
                    justifyContent:'center',
                    alignItems:'center',
                    backgroundColor:'#FFC935',
                    height:40,
                    padding:10,
                  }}>
      <TouchableOpacity onPress={this._goBack}>
      <Image source={require('../.././image/back.png')}
              style={{width:10,height:20,
                    position:'absolute',
                    top:5,
                    left:10}}/>
      </TouchableOpacity>
      <Text style={{textAlign:'center',
                    fontSize:20,}}>个人专区</Text>
      </View>


  • 我也遇到过些了某些样式以后直接就不显示或者布局完全不可预测了。原因不详,初步估计是踩到地雷了。
    建议记下来先绕过



  • @lujun 我解决了这个问题 ,这个绝对布局不应该设置在Image里面,应该给外面的TouchableOpacity设置style = {position:'absolute',top:5,left:10},里面的Image就不要设置position了 设置宽高就可以了



  • @Navy_Seal 意思是 Image不能设置 positoin吗?



  • @lujun Image可以设置position的 但是在外面套一层TouchableOpacity就是不显示



  • @Navy_Seal 现在的代码中,你的Image是在TouchableOpacity中绝对定位的,而TouchableOpacity并没有绝对定位,和你的意图(Image在外面绝对定位)不符


登录后回复