慕村225694
2023-07-29 16:37:48
我正在嘗試創(chuàng)建一個(gè)登錄屏幕,但我找不到一種方法使背景填滿整個(gè)屏幕。當(dāng)我將顏色應(yīng)用于背景時(shí),它只會(huì)到達(dá)我在屏幕上放置的最后一個(gè)視圖。我嘗試過使用style = {{flex : 1}}KeyboardAvoidingView 父母,并嘗試將布局包裝在 a 中<View style={{flex: 1}} >。這似乎與 KeyboardAvoidingView 或 ScrollView 有關(guān),但我不確定,也不知道我還能做什么。
3 回答

largeQ
TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
height: 100vh您可以通過在背景樣式中使用來填充背景屏幕。vh無論屏幕高度如何,都會(huì)覆蓋整個(gè)屏幕。
background: {
backgroundColor: "#fafafa",
justifyContent: "center",
alignItems: "center",
paddingHorizontal: 16,
flex: 1,
height: 100vh
}

Cats萌萌
TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊
添加flex: 1
到您的父視圖樣式中,flex 將定義您的項(xiàng)目將如何“填充”沿主軸線的可用空間??臻g將根據(jù)每個(gè)元素的 flex 屬性進(jìn)行劃分。

阿晨1998
TA貢獻(xiàn)2037條經(jīng)驗(yàn) 獲得超6個(gè)贊
您還需要設(shè)置:
contentContainerStyle={{flex: 1}}
它將您的內(nèi)容包裝在內(nèi)部組件中。
添加回答
舉報(bào)
0/150
提交
取消