How would you apply a style to center a Text component both horizontally and vertically in a View container?

Đáp án đúng: "style={{ alignItems: 'center', justifyContent: 'center' }}". Với flexDirection mặc định là column trong React Native, justifyContent căn phần tử con theo trục chính (trục dọc) còn alignItems căn theo trục phụ (trục ngang), nên đặt cả hai bằng 'center' trên View cha có kích thước, chẳng hạn flex: 1, sẽ đưa Text vào chính giữa. "style={{ flexDirection: 'row', alignContent: 'center' }}" không làm được vì alignContent chỉ tác động khi các dòng phần tử bị xuống hàng với flexWrap, không căn một phần tử theo cả hai chiều. "style={{ position: 'absolute', top: 0, left: 0 }}" ghim phần tử vào góc trên bên trái. "style={{ flexWrap: 'wrap', alignSelf: 'center' }}" chỉ cho xuống dòng và căn chính phần tử đó theo trục phụ, không căn giữa theo trục chính.