Yêu cầu thg 3 13, 2019 2:52 SA 348 0 1
  • 348 0 1
+1

Layout phù hợp với màn hình Android React native

Chia sẻ
  • 348 0 1

Chào mọi người. Mình mới học viết React native và đang viết giao diện cho App. Nhưng bên Android có nhiều kiểu màn hình và nếu những màn hình mình sử dụng ScrollView và có những con số fix cố định về weight và height thì sẽ bị bể ở nhiều màn hình thiết bị Android. Mình đang viết theo kiểu phân chia Flex các phần trong màn hình. Mọi người cho mình hỏi làm sao để viết layout phù hợp với tất cả các màn hình thiết bị Android với ạ (Trường hợp có dử dụng ScrollView hoặc KeyboardView....) Cảm ơn mọi người nhiều

1 CÂU TRẢ LỜI


Đã trả lời thg 3 13, 2019 2:59 SA
+1

Theo mình hiểu là bạn đang chưa biết xử lý sao khi bị vỡ style trong ScrollView 🤔 Bạn đã thử viết style chia theo % màn hình chưa nhỉ? Dimension ấy, ví dụ 1 view có width 200 và height 200 thì bạn có thể viết là width * 20/100 và height cũng tương tự height * (số % màn hình chiếm lấy) 🤔

Chia sẻ
thg 3 13, 2019 4:18 SA

mình có đang sử dụng như vậy. Nhưng nếu mà khi có ScrollView ở trong màn hình mà có sử dụng kích thước cố định. ví dụ như Icon hoặc gì đó thì phải làm thế nào ?

thg 3 13, 2019 5:53 SA

@ductuandt3 ? Sao bạn lại cần fix cố định? Nếu bạn muốn kích thước phù hợp với các screen device khác thì phải lấy kích thước của device đó mà đo chứ nhỉ?

thg 3 13, 2019 5:54 SA

icon thì vẫn fix fontSize theo % được mà bạn 🙂

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí