React Native：当children组件指定“aspectRatio”时，不遵守“justifyContent”属性-Java 学习之路

在处理这个本机项目时，我正面临这个flex布局问题 . 这是场景：

我有一行包含几个圆圈，他们的样式定义如下：

rowStyle:{
        flex: 1,
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'center',
        borderColor:"red",
        borderWidth:1,
    },
    
circleStyle:{
        flex:1,
        margin:10,
    },

enter image description here

正如你所看到的，圆的半径有点太大，他们走出了一排 . 所以我将“aspectRatio：1”添加到cycleStyle并获得如下结果：

circleStyle:{
        flex:1,
        aspectRatio:1,
        margin:10,
    },

enter image description here

现在，这一行有点太短了 . 我必须约束行的宽度 . 我试着补充一下

“alignSelf： '拉伸'”

要么

“宽度：Dimensions.get（‘窗口’）宽度”

到rowStyle，他们都给我这样的结果：
enter image description here

现在，rowStyle上的“justifyContent”属性以某种方式被忽略 .

问题是我如何保持圆圈保持在行内并使中心对齐，同时保持最大行宽？谢谢 .

1 回答

0

尝试将 paddingVertical 给rowStyle而不是 aspectRatio 给circleStyle . 请与您的样式表共享您的组件代码，以便其他人获得正确的想法 .

回复于 2024-04-29T04:36:57+08:00

React Native：当children组件指定“aspectRatio”时，不遵守“justifyContent”属性

1 回答

相关问题