KeyboardAvoidingView无法正常工作

时间:2018-01-17 05:10:43

标签: react-native native-base

<View style={Pagestyles.walletSendView}>
  <KeyboardAvoidingView behavior='padding'>
    <Form>
      <Item>
        <Input
            placeholder='Available Balance : XXX.XX / USD'
            onChangeText={(availableBalance) => this.setState({ availableBalance })}
            ref={(input) => this._availableBalance = input}
            returnKeyType='next'
            onSubmitEditing={() => this._focusInput('_sendToAddress')}
            value={this.state.availableBalance}/>
      </Item>
      <Item>
        <Input
            placeholder='Send to address'
            onChangeText={(sendToAddress) => this.setState({ sendToAddress })}
            ref={(input) => this._sendToAddress = input}
            returnKeyType='next'
            onSubmitEditing={() => this._focusInput('_numberOfCoinsToSend')}
            value={this.state.sendToAddress}/>
        <Icon active name='md-camera'/>
      </Item>
      <Button
          block
          onPress={() => this.onPress('')}
          style={{ marginTop: 10, backgroundColor: '#81a9cd' }}>
          <Text>Send</Text>
      </Button>
    </Form>
  </KeyboardAvoidingView>
</View>

这里我使用了反应原生基础来填充表单。但是当我填写字段并点击键盘表单中的下一个按钮时,不会滚动。

&#34;代码回购&#34;:https://github.com/expo/react-native/archive/sdk-24.0.0.tar.gz

&#34;反应&#34;:&#34; 16.0.0&#34;

0 个答案:

没有答案