ios - React Native自定义组件不会动态设置组件的大小

Question

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

这是我 fork 的 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 问题有答案。

当在 native 组件中动态添加 View 时，您似乎需要手动触发布局周期，以便 react native 接受更改。 (可能与 react native 更新其影 subview 有关)

 @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());
        }
    };