react-nativereact-native-elements

Using React Native Elements, how can I globally style the text color of a <ListItem.Title> component?

I'm using the react-native-elements ui framework with ThemeProvider and trying to globally style the text of a component like this...

<ListItem bottomDivider>
  <ListItem.Title>Name</ListItem.Title>
  <ListItem.Input>DoB</ListItem.Input>
</ListItem>

I want to style this <ListItem.Input> text color red. So I've tried a ton of things similar to the code below, but I can't get anything working. Any ideas?

ListItem: {
  inputStyle: {
    color: "red"
  }
}

I'd prefer to keep the styling global and not to do it inline, if possible.

Solution

  • You have to use ListItemInput

    ListItemInput:{
       style:{}
}