Question

我正在开发一个本机应用程序。我正在使用一个固定的页脚按钮，它可以在页面上正常工作，但是当它在模态中使用时，当文本输入被聚焦时，它会出现在软键盘的顶部。即使软键盘出现，我也希望我的页脚按钮保持固定在底部。我的代码结构是：

`<Modal>
 <View style={{flex: 1}}>
  <ScrollView>main</ScrollView>
  <View>footerButton</View>
 </View>
 </Modal>`

以下是我的footerButton的代码：

`<TouchableHighlight 
   style={commonStyles.footerButton} 
   onPress={this.action.bind(this)}>
   <View style={commonStyles.footerbuttonView}>
       <Text style={commonStyles.buttonText}>BUTTON TEXT</Text>
   </View>
 </TouchableHighlight>`

const commonStyles = StyleSheet.create({
  footerButton: {
    flexDirection: 'row',
    backgroundColor: '#1a485a',
    position: 'absolute',
    height: height/10,
    left: 0,
    bottom: 0,
    right: 0,
    margin:0,
    padding:0,
    justifyContent: 'center',
    alignItems: 'center'
  },
footerbuttonView:{
    flexDirection: 'row',
    padding:15,
  },
buttonText : {
    color: 'white',
    fontFamily: 'Montserrat-Light',
    textAlign: 'center',
    fontSize: 14*fontScale
  },
});

我已将android：windowSoftInputMode设置为adjustPan：

android:windowSoftInputMode="adjustPan"

这适用于所有页面。但在模态上，它不起作用。有人可以建议如何解决这个问题吗？

脚注按钮在反应原生模态

0 个答案: