question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Checkbox on iOS is not visible

See original GitHub issue

Current behaviour

Checkbox on iOS is no visible if not checked.

Expected behaviour

Code sample

Use the demo from docs

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:

Screenshot 2020-11-01 at 16 02 14

Checked state:

Screenshot 2020-11-01 at 18 44 20

What have you tried

Used official docs https://callstack.github.io/react-native-paper/checkbox.html

Also not style property to checkbox?

Screenshot 2020-11-01 at 18 47 31 Screenshot 2020-11-01 at 18 47 41

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:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:14

github_iconTop GitHub Comments

11reactions
Selfmade-RuLeZcommented, Nov 2, 2020

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 ... />

7reactions
JooAndrianocommented, Sep 15, 2021

type mode=“android” the box will appear in ios…

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found