代码之家  ›  专栏  ›  技术社区  ›  Lucky_girl

无法在Android键盘上打开

  •  0
  • Lucky_girl  · 技术社区  · 5 年前

    我有一个 Modal 还有一个 TextInput 在这个模态中,我希望键盘是打开的,当模态出现时,键盘只出现在 IOS .

    TextInput是焦点,但是,键盘只在用户点击TextInput时出现。

    export default class MyModal extends React.Component { 
    
        componentDidMount() {
            this.ref.focus();
        }
    
        render() {
            return  (
                <View style={styles.container}>
                    <Modal
                        animationType="slide"
                        transparent
                        visible={true}
                        onRequestClose={() => {}}>
                        <View style={styles.modalViewStyle}>
                            <View style={styles.modalContainer}> 
                             <TextInput
                                ref={ref => this.ref = ref}
                                autoFocus={true}
                                value={this.props.reflection}
                                onChange={ e => this.props.onChange('reflection', e) }
                            />  
                            </View>
                            </View>    
                        </View>
                    </Modal>
                </View>)
        }
    }
    
    0 回复  |  直到 5 年前
        1
  •  0
  •   Radhika Padiyar    5 年前

    你的模态显示在屏幕底部吗?如果是这样,那么有可能键盘确实出现了,但它隐藏在模态后面。 如果是这样,那么基于键盘的事件函数 keyboardDidShow, keyboardDidHide ( https://facebook.github.io/react-native/docs/keyboard#docsNav 希望这有帮助。