React-native view auto width by text inside

by

“alignSelf” does the same as ‘display: inline-block’ would in common HTML/CSS and it works very well for me.

<View style={{backgroundColor: '#000000', alignSelf: 'flex-start' }}>
 <Text style={{color: '#ffffff'}}>
  Sample text here
 </Text>
</View>

More Related Contents:

  1. react similar JavaScript library [closed]
  2. What is component in reactjs?
  3. How to create a translucent in React Native?
  4. if-else statement inside jsx: ReactJS
  5. ReactJS: Maximum update depth exceeded error
  6. React Native: require() with Dynamic String?
  7. Adding new data to firebase users
  8. What is the difference between React Native and React?
  9. Where can I make API call with hooks in react?
  10. How to register event with useEffect hooks?
  11. How can I force a component to re-render with hooks in React?
  12. React Native: Getting the position of an element
  13. How do I setState for nested object?
  14. When is it appropriate to use a constructor in REACT?
  15. How to prevent re-rendering of components that have not changed?
  16. React.createClass vs. ES6 arrow function
  17. Is it an anti-pattern to define a function component inside the render() function?
  18. React Native: Using lodash debounce
  19. unable to scroll in scrollView
  20. What is useState() in React?
  21. Navigate to screen after opening a notification?
  22. How to clear react-native cache?
  23. How to hide bottom navigation bar on a specific screen in react native?
  24. Do we still need functional setState way in react hooks?
  25. Global state in React Native
  26. How can I dispatch function in redux?
  27. Component won’t update when a redux state change occurs
  28. stop dragging after a limit has reached
  29. Could not find “store” in either the context or props of “Connect(App)”
  30. React native – objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store})

Leave a Comment