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