收藏
回答

Skyline 模式下 ScrollView 内 Flex布局问题

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信安卓客户端 8.0.61 3.8.3

在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模式下

回答关注问题邀请回答
收藏
登录 后发表内容