flex: 1 on things in renderBase makes them invisible

[russellrain]

renderBase={({ value }) => {
    return (
        <View style={{ flex: 1 }}>
          <TextInput
              style={[styles.inputEnabled, styles.dropdownBaseInput]}
              underlineColorAndroid='transparent'
              onChangeText={undefined}
              value={value && value !== '' ? value : 'Select Network'}
          />
          <Icon size={30} style={styles.icon} name={'lock'} />
        </View>
    );

Having an issue where I can't add flex: 1 to View in renderBase without it making all child elements in it disappear

[russellrain]

So I just used flexGrow instead of flex and that will work for my purposes