Question

我正在尝试构建一个显示推文的RN组件。我分叉了一个很棒的RN组件，react-native-fabric-twitterkit并添加了一个显示推文的组件。到目前为止一切都那么好，但是当我想在ScrollView中显示Tweet时，我必须指定组件的高度和宽度，否则它将无法显示。知道我做错了什么吗？

这是我的分叉RN组件：https://github.com/adamivancza/react-native-fabric-twitterkit

这是一个展示我的问题的测试应用程序：https://github.com/adamivancza/react-native-twitterkit-test

<View style={styles.container}>
    <ScrollView
      style={{ flex: 1 }}>
      // this component is displayed because I've set a specific height 
      <Tweet
        style={{ flex: 1, height: 200 }}
        tweetId='788105828461006848'/>
      // this component is not displayed
       <Tweet
        style={{ flex: 1 }}
        tweetId='788105828461006848'/>
    </ScrollView>   
</View>

Answer 1

由@smilledge链接的github问题有答案。

在本机组件中动态添加视图时，您似乎需要手动触发布局循环，以便react-native能够获取更改。（可能与本机更新它的阴影视图有关）

 @Override
    public void requestLayout() {
        super.requestLayout();
        post(measureAndLayout);
    }

    private final Runnable measureAndLayout = new Runnable() {
        @Override
        public void run() {
            measure(
                    MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
                    MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
            layout(getLeft(), getTop(), getRight(), getBottom());
        }
    };

React Native自定义组件没有动态设置组件的大小

1 个答案: