• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

[复制链接]
菜鸟教程小白 发表于 2022-12-12 22:46:29 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我正在尝试构建一个显示推文的 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/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap