为了账号安全,请及时绑定邮箱和手机立即绑定

TouchableOpacity和按钮不能在反应本机模态中工作?

TouchableOpacity和按钮不能在反应本机模态中工作?

慕后森 2021-03-30 17:10:42
我创建了反应本机模态,但是当用户尝试单击它时,TouchableOpacity和Button却没有被单击,为什么?代码:(第1部分)<Modal          animationType="slide"          transparent={false}          visible={this.state.modalVisible}          onRequestClose={() => {            Alert.alert('Modal has been closed.');          }}>          <View style={{marginTop: 22}}>            <View>              <FilterScreen/>              <TouchableHighlight                onPress={() =>                   this._setModalVisible(!this.state.modalVisible)                }>                <Text>Hide Modal</Text>              </TouchableHighlight>            </View>          </View>        </Modal>FilterScreen组件:return(   <View>      <TouchableOpacity>           <Text>Inside Filter screen</Text>      </TouchableOpacity>    </View>)在上面的代码中,我添加了其中具有touchableOpacity的FilterScreen组件,但是当模式打开时,我无法单击toucableopacity组件,它仅以模式显示它,而onClick不起作用。代码:(第2部分)<Modal          animationType="slide"          transparent={false}          visible={this.state.modalVisible}          onRequestClose={() => {            Alert.alert('Modal has been closed.');          }}>          <View style={{marginTop: 22}}>            <View>               <TouchableOpacity>                 <Text>Inside Filter screen</Text>               </TouchableOpacity>              <TouchableHighlight                onPress={() =>                   this._setModalVisible(!this.state.modalVisible)                }>                <Text>Hide Modal</Text>              </TouchableHighlight>            </View>          </View>        </Modal>如果我在Modal中添加touchableOpacity但上面的代码可以运行,但filterscreen中的相同代码不能通过添加组件来工作,为什么呢?注意:第1部分不起作用,但是第2部分代码起作用,为什么呢?
查看完整描述

3 回答

?
一只萌萌小番薯

TA贡献1795条经验 获得超7个赞

我的问题是我TouchableOpacityreact-native-gesture-handler包中导入了,而不是从包中导入了default react-native。那是我自动完成选择解决的程序包。将导入更改为其他软件包后,它又可以按预期工作。

import { TouchableOpacity } from 'react-native';


查看完整回答
反对 回复 2021-04-08
?
绝地无双

TA贡献1946条经验 获得超4个赞

尝试重建项目,如果有时在开发过程中通过启用的热重载来使用重载应用程序,或者在模式打开时通过命令+ r重载,可能会破坏功能,就我而言。


查看完整回答
反对 回复 2021-04-08
  • 3 回答
  • 0 关注
  • 347 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号