react native 怎么设置键盘类型

Posted 2023-05-11

参考技术A <TextInput
keyboardType="numeric"
returnKeyType="search"/>

决定返回键的样式： 

returnKeyType enum('default', 'go', 'google', 'join', 'next',
 'route', 'search', 'send', 'yahoo', 'done', 'emergency-call')

决定打开哪种键盘，例如，数字键盘：

keyboardType enum('default', "ascii-capable", 
'numbers-and-punctuation', 'url', 'number-pad', 'phone-pad',
 'name-phone-pad', 'email-address', 'decimal-pad', 'twitter',
  'web-search', "numeric")

参考技术B 最近在关注React Native（以下简称RN），对于这个融合了js & iOS & Android的新物种，尝试和它近距离接触的过程中，发现与单独调试js或者native比起来，调试RN的过程确实很繁琐，怎么个繁琐法？ 假设你已经配置好了Android开发环境，clone your 。

react native获取键盘高度

componentWillUnmount() {
    this.keyboardDidShowListener.remove();
    this.keyboardDidHideListener.remove();
}

componentWillMount() {
    this.keyboardDidShowListener = Keyboard.addListener(‘keyboardDidShow‘, this._keyboardDidShow.bind(this));
    this.keyboardDidHideListener = Keyboard.addListener(‘keyboardDidHide‘, this._keyboardDidHide.bind(this));
}

_keyboardDidShow(e) {
    async function run(self) {
        await  self.setState({
            keyboardHeight: e.endCoordinates.height
        });
        self.refs.scroll.scrollTo({
            x: 0, y: self.state.keyboardHeight, animated: true
        })
    }

    run(this);
}

_keyboardDidHide(e) {
    this.setState({
        keyboardHeight: 0
    })
}