ios - React Native 自定义组件不会动态设置组件的大小
<p><p>我正在尝试构建一个显示推文的 RN 组件。我派生了一个很棒的 RN 组件 react-native-fabric-twitterkit 并添加了一个显示推文的组件。到目前为止一切顺利，但是当我想在 ScrollView 中显示该推文时，我必须指定组件的高度和宽度，否则它将不会显示。知道我做错了什么吗？</p>
<p>这是我的 forkRN 组件:<a href="https://github.com/adamivancza/react-native-fabric-twitterkit" rel="noreferrer noopener nofollow">https://github.com/adamivancza/react-native-fabric-twitterkit</a> </p>
<p>这是一个展示我的问题的测试应用程序:<a href="https://github.com/adamivancza/react-native-twitterkit-test" rel="noreferrer noopener nofollow">https://github.com/adamivancza/react-native-twitterkit-test</a> </p>
<pre><code><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>
</code></pre></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>@smilledge 链接的 github issue 有答案。</p>
<p>在 native 组件中动态添加 View 时，您似乎需要手动触发布局周期，以便 react-native 接受更改。 (可能与 react native 更新它的影 subview 有关)</p>
<pre><code> @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());
}
};
</code></pre></p>
<p style="font-size: 20px;">关于ios - React Native 自定义组件不会动态设置组件的大小，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/40291150/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/40291150/
</a>
</p>
页:
[1]