Checkbox on iOS is not visible
See original GitHub issueCurrent behaviour
Checkbox on iOS is no visible if not checked.
Expected behaviour
Code sample
import * as React from 'react';
import { Checkbox } from 'react-native-paper';
const MyComponent = () => {
const [checked, setChecked] = React.useState(false);
return (
<Checkbox
status={checked ? 'checked' : 'unchecked'}
onPress={() => {
setChecked(!checked);
}}
/>
);
};
export default MyComponent;
Screenshots (if applicable)
Unchecked state:
Checked state:
What have you tried
Used official docs https://callstack.github.io/react-native-paper/checkbox.html
Also not style
property to checkbox?
Your Environment
software | version |
---|---|
ios or android | iOS or web case with expo |
react-native | 0.63.3 |
react-native-paper | 4.3.0 |
node | v12.16.1 |
npm or yarn | 6.13.4 |
expo sdk | 39.0.0 |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:14
Top Results From Across the Web
CheckBox component not visible on iOS : r/reactnative - Reddit
I have some CheckBox components in a settings drawer of my app. The problem is that the iOS checkbox renders completely blank when...
Read more >Bootstrap checkbox does not display in IOS - Stack Overflow
For some reason, I cannot get the checkbox to display in an iOS built device. The checkboxes work in every browser imaginable, and...
Read more >The Birthdays checkbox is not visible in Calendar in iPhone
The Birthdays checkbox is not visible in Calendar in iPhone. normally to show the Birthday Calendar: Open the Apple Calendar app in my ......
Read more >iOS devices do not allow selection of checkboxes, checkbox ...
iOS devices do not allow selection of checkboxes, checkbox group, or radio buttons in when a flow is launched in SF Maps mobile....
Read more ><input type="checkbox"> - HTML: HyperText Markup Language
elements of type checkbox are rendered by default as boxes that are ... This is not displayed on the client-side, but on the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
https://callstack.github.io/react-native-paper/checkbox.html
As you can see, it’s the typical behavior. You have to wrap a box or anything by yourself.
Edit: Or just use
<Checkbox.Android ... />
type mode=“android” the box will appear in ios…