141 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
0
votes
1
answer
81
views
PagerView not stretching to fit its children
I am working on a React Native project with Expo, where I am using the react-native-pager-view component to create a slider. However, I am facing an issue where the parent container (subContainer) ...
1
vote
1
answer
66
views
React Native - Flex
I have two components in a screen. One is an Image and other is a View.
I give flex:1 to main view and give flex:0.7 to image and flex:0.3 to view.
import { Image, StyleSheet, Text, View, ...
0
votes
1
answer
245
views
React-Native flexWrap doesn't work with Text on Android
There is a simple wrapper view, dynamic text on the left and a static green view on the right side. I'm trying to make it automatically move static green view below the Text by using flexWrap style ...
1
vote
1
answer
116
views
React Native Button Not Reacting To Stylesheet Changes (Centering Button)
I started learning react native for the first time yesterday and building out a expo app at the same time. I started off by creating a login screen but once it was time to design the sign up feature I ...
1
vote
2
answers
183
views
React native make image layout
If I want to make a layout of this genre how would you do it!?
I tried with Flatlist
numColumns={3}
columnWrapperStyle={{ flex: 1/3, justifyContent: 'space-between' }}
But the last two are always one ...
0
votes
1
answer
38
views
Problem with lining up contents: react native
I'm currently having a problem with the clickable size of a reusable button which includes an icon and text. When I run this code it seems like the entire row becomes clickable when I only want the ...
1
vote
0
answers
262
views
React Native: minHeight in percent is not working correctly like in Web
Below are my experimental result. Does those seems right?
minHeight in percent is not working correctly like in Web, is there any workaround about it?
#--- flexDirection = column; React Native Version ...
-1
votes
1
answer
192
views
Flex grid with either 1 column or 2 columns
I have a design spec that looks like this:
As you can see, the container can either have a row of 2 columns or a row of 1 column. The row with 2 columns also has a space between.
Using flex, how can ...
0
votes
2
answers
100
views
How to fix commas being inbetween flex components in react native
I am new to react native, and so I am sure there is some very obvious fix to this, but between my flex views in react native, there is a tiny comma there for some reason. It is not very obvious, but ...
1
vote
1
answer
134
views
flexbox flex grow View Container that contain <Text>DeliverNow!</Text> <Text>Current location</Text> <ChevronDownIcon/> need to take whole space
** here is my home page code **
problem is View Container that contain
<Text>DeliverNow!</Text>
<Text>Current location</Text>
<ChevronDownIcon/>
need to take whole space. ...
0
votes
2
answers
995
views
Bottom content covers the main content when keyboard is visible
I have a problem with device keyboard main content and bottom/footer content when the keyboard is visible. In this example I have 3 InpunTexts as the main content of the screen and a long text in the ...
0
votes
0
answers
55
views
CSS FlexBox issue [duplicate]
Can someone tell me how I can reduce width automatically on new child,
const Container = styled(View)(
{
padding: 3,
flex: 1,
minHeight: "50%",
minWidth: 300,
},
...
2
votes
2
answers
498
views
not able to wrap the components in reactnative
So i am making a
custom multiple select component
. when you click on the TextInput the dropdown will appear(the items in the dropdown comes from flatlist component) and from that drop down you can ...
2
votes
1
answer
2k
views
React Native image: why does parent view stay same height as 'cover' when set to 'contain'?
I have the following image in my React Native app
I want to have this image inside a parent element with no space above or below it, and I want the image to not overshoot the left or right sides of ...
0
votes
1
answer
198
views
Create Layout with absolute Values and Flexbox in React Native
I am a iOS Developer trying to learn React Native. Currently I am trying to figure out how to create a layout like this with FlexBox:
I am not sure how to use relative values for with in react native....