React Native,在ToolbarAndroid后面滚动TextInput

时间:2016-04-24 18:54:54

标签: reactjs scrollview react-native native textinput

我一直坚持以下问题。我有一个ToolbarAndroid组件和一个TextInput组件:

  <View style={{flex: 1}}>
    <ToolbarAndroid
      navIcon={require('./ic_menu_black_24dp.png')}
      onIconClicked={() => this.drawer.openDrawer()}
      style={styles.titleView}
      title="Blah"
      titleColor="black"
    />

    <ScrollView>
          <TextInput
          {...this.props}
          multiline={true}
          onChange={(event) => {
            this.setState({
              text: event.nativeEvent.text,
              height: event.nativeEvent.contentSize.height,
              color: 'black'
            });
          }}
          style={{fontSize: 14, textAlignVertical: 'top', height: Math.max(60, this.state.height)}}
          value={this.state.text}
          placeholder="Spread your message!"
          placeholderTextColor='lightslategray'
          underlineColorAndroid='white'
          enablesReturnKeyAutomatically={true}
          returnKeyType="done"
          maxLength={1000}
        />
    </ScrollView>
  </View>

我的TextInput框是自动扩展的,这意味着它会随着类型的增长而增长。随着键盘的增长,输入也会重新聚焦在键盘顶部。但是,随着它变得比我的屏幕大,它不会在工具栏后面滚动。相反,它将工具栏推离屏幕。我希望它滚动到工具栏后面,但我似乎无法让它工作。

非常感谢任何帮助。

由于

0 个答案:

没有答案