Questions tagged [react-native-stylesheet]

React Native Stylesheets provide styling capabilities similar to CSS stylesheets. Use this tag for questions about working with React Native Stylesheets or styling React Native code in general.

React Native Stylesheets provide styling capabilities similar to CSS stylesheets.

See https://reactnative.dev/docs/stylesheet.html for more info.

210 questions
0
votes
0 answers

how to set clipPath for View in react native like this design?

I want to implement such a plan in React Native, but I could not help it in any way.
0
votes
1 answer

How can fix Cart Button on Home Screen while scrolling

I was trying to make a cart button on home screen and I want cart always stay on same position but when I'm scrolling cart button also moving up and down. But I don't want that. I have tried Position: 'fixed'; but it's showing error in react…
0
votes
3 answers

React Native - unable to pass state variable into style

My code fetches a json file, calculates a value and I want to pass this value into the style of TouchableOpacity. Below is my attempt: const [height, setHeight] = useState(0) const [isLoading, setLoader] = useState(true) const fetching = async ()…
0
votes
1 answer

react native flexwrap with alignItems: center is not working

I am working on a responsive design using flex on react-native
Riku
  • 652
  • 1
  • 9
  • 24
0
votes
1 answer

weird layout behavior in react native when typing in keyboard mode

I have an image(logo) on top of a textInput element after initial animation.the animation works fine and puts the logo at the correct place when i open the keyboard the logo stays at the same place. but when i fill the fields completely the logo…
0
votes
1 answer

React Native - Changing Color of Custom Component Button with Prop

I created a custom component. onPress and title have prop method but I also want to add another prop for setting color. The structure I try to make is like below My custom TextButton component file…
0
votes
2 answers

How to change the color of a transparent background image's text in react native?

I have This Image quran image And I want it to be something like this quran image dark Is that possible to do in react native
Amr Khaled
  • 70
  • 2
  • 5
0
votes
0 answers

React native StyleSheet.create where should I put

I need to pass props into Styles. So I created StyleSheet inside the class. But normal practice would be to create StyleSheet outside from the class. I want to know are there any performance drawbacks by having StyleSheet.create inside the class…
John Stuart
  • 950
  • 5
  • 11
  • 28
0
votes
1 answer

Fill needed space but not more than there is space with FlatList in React-Native

I have an FlatList in card, that is in parent view which has flex:1. I want to fill needed space with card, but I don't want it to overflow over parent container. Also I don't want card to fill available space when it's empty. How this should be…
0
votes
2 answers

Custom Button Design "Sign in with Apple" in React-native

I want to add "Sign in with Apple" functionality in my React-native application. I have search and googled it but not able to customise my Apple Button But forcing to use default apple button. How can I achieve this if it is possible. I want this…
0
votes
2 answers

React Native - Bring bottom image to top layer

I have a custom design that looks like this: And I want to have the "X" mark layered on top of the three stripes. When I do position absolute it works but only works for the that it is contained in /it get's cut off. How can I layer the "X" on top…
Olivia
  • 1,843
  • 3
  • 27
  • 48
0
votes
1 answer

onPress event is not working in react native expo

I've been trying to add onPress event on buttons in my page but it's not responding and since I'm new to react native I couldn't figure it out. This is the code of the page I want to put onPress event in: const HomeMenu = () => { return ( …
0
votes
1 answer

How to add faded border in a Image component in React Native?

How to fade the border of an image shown below or how can achieve it? Any help would be appreciated
Suhail Moh
  • 45
  • 1
  • 1
  • 11
0
votes
0 answers

How do I pass a stylesheet to a Local SVG Vector Image in React Native?

I can determine the width and height inline But if I try to pass a width and height using a stylesheet then the width and height aren't inherited const styles =…
0
votes
1 answer

Override React Native Style from Parent/Child Component

In React Native way, if I have this structure: function Component(props){ return ( ); } How can I…
Michael Harley
  • 831
  • 1
  • 9
  • 20