OStack程序员社区-中国程序员成长平台

标题: ios - React Native 自定义组件不会动态设置组件的大小 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 22:46
标题: ios - React Native 自定义组件不会动态设置组件的大小

我正在尝试构建一个显示推文的 RN 组件。我派生了一个很棒的 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>

---

Best Answer-推荐答案

@smilledge 链接的 github issue 有答案。

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

关于ios - React Native 自定义组件不会动态设置组件的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40291150/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4