react-native - onLayout不会在WebView上触发

Question

我正在尝试在自己的onLayout上使用WebView，但未触发。

export default class Sandbox extends Component {
  render() {
    return (
      <View style={styles.fill}>
        <WebView
          onLayout={(event) => {
            console.log(event.nativeEvent.layout)
          }}
          source={{uri: 'https://github.com/facebook/react-native'}}
        />
      </View>
    )
  }
}

const styles = StyleSheet.create({
  fill: {
    flex: 1,
  },
})

有人知道为什么不触发吗？我检查了文档，似乎可以使用了。

Answer 1

如果要获取WebView尺寸，则可以在容器 View 上使用onLayout。
否则，如果需要获取HTML内容的尺寸，则可以查看此post或在Android上使用onContentSizeChange。