在Skyline 模式下,使用ScrollView组件,子元素使用flex布局,flex-direction: 'column', 孙子元素的flex: 1没有生效;但是WebView模式下显示是正常的
tsx
<ScrollView enableFlex={true} style={{display: 'flex', height: '300px'}} scrollY>
<View className={styles.parent}>
<View className={styles.child_1}>TEST</View>
<View className={styles.child_2}>NODE</View>
</View>
</ScrollView>
less
.parent {
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
min-height: 200px;
}
.child_1 {
font-size: 30px;
background-color: aqua;
}
.child_2 {
font-size: 30px;
flex: 1;
background-color: aquamarine;
}
WebView模式下
Skyline模式下
