score:18
Accepted answer
you need wrap with a view your text and icon component. and you can set just padding horizontal and vertical in there.
<view style={{
paddingvertical: 15,
paddinghorizontal: 10,
flexdirection: "row",
justifycontent: "space-between",
alignitems: "center"
}}>
<text style={{
fontsize: 16,
color: "black"
}}>kategorien:</text>
<icon/>
</view>
Source: stackoverflow.com
Related Query
- React Native: Text and Icon inline
- React Native inline styles and performance
- React Native SVG - Setting SVG width and height cause the icon to be cut off
- React Native Inline style for multiple Text in single Text With Touch effect
- React Native - text with background and a gap between multiple lines
- Text is not wrapping and is getting of the screen react native
- React - vertically align text and icon
- Add icon inside text input in Material UI and React
- Can't change icon when I click it and save text to state - React
- Put a Font Awesome icon dynamically on input text background using React and react-fa
- What is the difference between React Native and React?
- React native text going off my screen, refusing to wrap. What to do?
- Simulate display: inline in React Native
- How to align horizontal icon and text in MUI
- React Native / Xcode Upgrade and now RCTConvert.h not found
- What does React Native use to allow JavaScript to be executed on iOS and Android natively?
- React native: How to combine external and inline styles?
- React Native 0.64 won't build iOS app after updating Xcode to 12.5 and iOS to 14.5
- react native show current time and update the seconds in real-time
- React native text component using number of lines
- Test setting text value with React and Enzyme
- React Native multi line TextInput, text is centered
- TouchableOpacity and button not working in react native Modal?
- React native vector icon not working on current version 0.60
- Building hybrid React apps for iOS and Android with native performance
- Can we share code between react webapp and react native app and is react-native production ready
- How in React native destroy an component instance to avoid memory leak and release underlie views objects of native code?
- React Native - What is the difference between StyleSheet.absoluteFill() and StyleSheet.absoluteFillObject()?
- Clone and run react native projects from GitHub
- Show only the 1st line of text in React Native
More Query from same tag
- How do I map thorough the entire array which contains other objects and arrays as well in React?
- React class component. Todo app. How to store data with localStorage
- Render of array elements in React
- Ag Grid cell render if statement
- How to create a dinamic list which has an item description that shows only on clicking the item?
- How can I check the react-query queries before execute?
- How to toggle from another js file in React.js
- React parent access state from child
- how to not display an icon based on the props value using react and typescript?
- How can I extend the typography in Material UI?
- Togge CSS class inside a loop in React / TypeScript
- Why html tag doesn't render when there is condition?
- shows readme page after deploying react-app
- React Dropdown acessibility onClick
- How to check if value exist in a json array javascript
- Using one instead of multiple makeStyles hooks
- React-resolver for data Mock
- Twilio.js:264 Uncaught TypeError: url.URL is not a constructor
- Query nested objects firebase
- React - How to use higher-level useState in imported functions
- How to add ```Context``` with routes set up?
- Limiting length of string displayed in React component
- Async/Await preventing second promise from executing
- Check in an array ids are equals to dispatch the id value
- Change element size using Jest
- How do I override hover notchedOutline for OutlinedInput
- how to toggle class on scroll event in react?
- How can I use the css file from react-table in my react project along with css modules?
- SetInterval in UseEffect without Delay
- How to unshift item to top but always to same position?