React Native - TextInput onLayout事件报告未定义的高度和宽度

时间:2017-05-10 12:33:58

标签: react-native

我试图找到TextInput的高度和宽度,以便我可以在我的应用中正确调整大小,但为TextInput触发的onLayout事件的高度和宽度为undefined。下面是世博小吃再现问题

https://snack.expo.io/SJXTwtxl-

代码非常简单:

export default class App extends Component {
  onLayout = (e) => {
    Alert.alert('TextInput Layout', 'Height: ' + e.height + ', Width: ' + e.width)
  }

  render() {
    return (
      <View style={styles.container}>
        <TextInput
        placeholder={'Type a message'}
        value={'Hello there'}
        multiline={true}
        style={styles.textInput}
        underlineColorAndroid="transparent"
        enablesReturnKeyAutomatically={true}
        onLayout={this.onLayout}
      />
      </View>
    );
  }
}

我期待高度和宽度是一些正值,但它们被报告为undefined。这是预期的吗?

0 个答案:

没有答案