Từ khoá: flexbox

Sử dụng Flex trong React Native

Sử dụng Flex trong React Native

1. Khái niệm Flex Khi component khai báo Flex = 1, thì component đó sẽ có kích thước full đầy component cha đang chứa nó. Ví dụ <View style={{flex:1,backgroundColor:black}}> <View style={{flex:1,backgroundColor:red}}></View> <View style={{flex:2,backgroundColor:blue}}></View> </View> View trên ta khai báo flex = 1 => View này sẽ có kích thước full màn hình của thiết bị 2 View còn lại có flex = 1 và flex = 2 là 2 View con. Vì thế View cha màu đen sẽ ... »