Skip to content

Label of Checkbox.Item is not visible #2542

@tasugi

Description

@tasugi

Current behaviour

Checkbox.Item is used. Check mark is visible, but label is not.

Expected behaviour

Label is displayed.

Code sample

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Checkbox.Item is here</Text>
      <Checkbox.Item
        status="checked"
        label="label"
        />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Screenshots (if applicable)

Simulator Screen Shot - iPhone 12 mini - 2021-02-04 at 19 07 45

What have you tried

This issue occurs if I use the latest version of React Native Paper(v4.7.1).

The previous version(v.4.7.0) works correctly.

I found this issue both on iOS and Android.

Your Environment

software version
ios or android iOS 14.3, android 11.0
react-native 0.63 ( I'm using expo 40)
react-native-paper 4.7.1
node v14.15.3
npm or yarn yarn
expo sdk 40

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions