Ask Your Question

What are some ways to achieve responsiveness in a React-Native app, without relying on the Dimension property of react-native?

asked 2021-04-29 11:00:00 +0000

lakamha gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted

answered 2021-12-15 23:00:00 +0000

nofretete gravatar image
  1. Use flexbox instead of fixed dimensions.
  2. Make use of the percentage units to define layout dimensions.
  3. Use the Flexbox layout system and set the flex properties of the components to adapt to different screen sizes.
  4. Use the Dimensions API to dynamically calculate dimension values based on screen size.
  5. Use media queries and conditional rendering to adjust components based on screen size or orientation.
  6. Use the ScrollView component to allow for dynamic content that adapts to different screen sizes.
  7. Use the React-Native StyleSheet abstraction to create responsive styles.
  8. Divide the screen into a grid and use relative position for layout.
edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer

Question Tools


Asked: 2021-04-29 11:00:00 +0000

Seen: 19 times

Last updated: Dec 15 '21