Closed
Description
Current behaviour
Width is not properly being applied for IOS while it is working as it is expected on Android.
Expected behaviour
It should Show the similiar widths like Android.
Preview
Android
IOS
What have you tried so far?
This is the code for above pictures. It is working fine on Android as you can see above but not working as expected on IOS
<View
style={{
width: "100%",
alignItems: "center",
justifyContent: "space-between",
flexDirection: "row",
backgroundColor: "pink",
}}
>
<Button
theme={fulltheme}
mode="contained"
contentStyle={{
height: 60,
width: "100%",
}}
style={{
width: "48%",
}}
>
<Text
style={{
fontSize: 20,
fontWeight: "400",
letterSpacing: 0.2,
}}
>
Cancel
</Text>
</Button>
<Button
theme={fulltheme}
contentStyle={{
height: 60,
width: "100%",
}}
style={{
width: "48%",
}}
mode="contained"
>
<Text
style={{
fontSize: 20,
fontWeight: "400",
letterSpacing: 0.2,
}}
>
Send
</Text>
</Button>
</View>Your Environment
| software | version |
|---|---|
| ios | iPhone 11 - Software Version -15.5 |
| android | Samsung S22 Ultra |
| react-native | 0.70.5 |
| react-native-paper | 5.2.0 |
| node | v16.15.1 |
| npm or yarn npm | 8.11.0 |
| expo sdk | 47.0.12 |