Chip styles

Current behaviour

The size of the 3 chips in my example are shrink, we can’t see the text

Expected behaviour

The size of the 3 chips in my example should display a full height

Code sample

import * as React from 'react';
import { View, StyleSheet } from 'react-native';
import { Chip, List } from 'react-native-paper';

const ChipExample = () => {
  return (
    <>
      <List.Section title="Flat chip">
        <View style={styles.row}>
          <Chip selected onPress={() => { }} style={styles.chip}>
            Simple 1
          </Chip>
          <Chip selected onPress={() => { }} style={styles.chip}>
            Simple 2
          </Chip>
          <Chip selected onPress={() => { }} style={styles.chip}>
            Simple 3
          </Chip>
        </View>
      </List.Section>
    </>
  );
};

const styles = StyleSheet.create({
  row: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    paddingHorizontal: 12,
  },
  chip: {
    margin: 4,
  },
});

export default ChipExample;

Screenshots (if applicable)

What have you tried

Broken since 4.10.0, was working as expected in 4.9.2

Your Environment

software	version
android	12
react-native	0.66.2
react-native-paper	4.10.0
node	16.13.0
npm	8.1.0
expo sdk	no

[lukewalczak]

Thanks, I will be working on the fix in the upcoming days!

[jvincent-dev]

Hello @root-io, please put your bug reproduction on snack

I added his code to a snack but changed the color of the Chip to make it more visible here

edit: having the same issue btw.