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

Question

使用这个本机项目时，我正面临这个flex布局问题。这是场景：

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

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

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

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

现在，这行有点太短了。我必须约束行的宽度。我试着添加

“alignSelf：'stretch'”

或

“width：Dimensions.get（'window'）。width”

到rowStyle，他们都给我这样的结果：

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

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

Answer 1

尝试将from socket import * def receive(): host = "" port = 13000 buf = 1024 addr = (host,port) Sock = socket(AF_INET, SOCK_DGRAM) Sock.bind(addr) while True: (data, addr) = Sock.recvfrom(buf) if data == "stop": print "Stopped" break print "Running program" import threading r = threading.Thread(target=receive) r.start() r.join() 提供给rowStyle而不是paddingVertical给circleStyle。 请与您的样式表共享您的组件代码，以便其他人了解。