我需要在 React 中重構 GetStream 聊天。我的問題是它有足夠的空間,但訊息只使用所有可用空間的一半。當我開始在瀏覽器中查看布局時,我注意到 div 容器被分成了幾部分,我懷疑這是我的問題的原因。

我只需要一個大列而不是兩個,或者即使第二列能夠占用盡可能多的空間,但不知道如何在 Flex 中做到這一點。

對不起,如果問題很愚蠢,我還是個新手
uj5u.com熱心網友回復:
您是否選擇了(?):
width: 100%;
display: flex;
flex-direction: column;
align-content: flex-start;
justify-content不會在列的“左”或“右”方向上作業,這只會改變“頂部”和“底部”(或中心)。你需要align-content例如。
uj5u.com熱心網友回復:
你應該嘗試這樣做。
width: (your own value)
display: flex
flex-direction: column
justify-content: flex-start or center ( Depending on your preference )
確保您沒有多次為同一個 div 設定不同的樣式
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/363046.html
上一篇:ReactNative(組件`input`的查看配置getter回呼必須是一個函式(收到`undefined`)。確保以組件名稱開頭)
