1 the reference

Screen adaptation theory knowledge

React Native Resolution adaptation (PX, DP)

React-native Android works with all-screen phones

Google official Android device system and screen resolution statistics summary)

2 Resolution analysis of mainstream mobile phones on the market (2021-7-12)

Huawei, Xiaomi

  • Resolution: 2400 * 1080
  • Dpi: 360, 398, 420

Vivo, oppo

  • Resolution: 2400×1080
  • High-end model DPI: 400
  • One thousand yuan machine
  • Resolution: 1600×720 pixels

  • Dpi: 269

About the work you need to do to fit in

  • Font size adaptation
  • Height fit

4 conclusion

  • We can see that the width of most domestic mobile phones is 1080, so when considering adaptation, the most important thing is a high degree of adaptation

  • According to the current development trend of mobile phones, most of the resolution of mobile phones in the future should be to: resolution 2400×1080, DPI 400.

  • The emulator I installed