How to make ListItem textInput fill all available space?

Hello! ListItem textInput maximum width is only half of item width:

<ListItem
    title='Address'
    textInput={true}
    textInputValue={this.state.address}
    textInputOnChangeText={address => this.setState({address})}
    hideChevron={true}
/>

How to make textInput width fill all available space like: and truncate text only when it begin overflowing left title? P.S.: Sorry for “adress” word) And for my English

[xavier-villelegier]

Hey @evilandfox, you’re right, this is not well handled by the ListItem. Actually, the title has a flex: 1, so does the TextInput, so they are both taking half of the space. That shouldn’t be the case if there is a TextInput (The title shouldn’t have a flex: 1 in this case). 😕

I think you can use this dirty fix as a workaround for now:

<ListItem
  title='Address'
  textInput={true}
  textInputContainerStyle={{ flex: 3 }}
  hideChevron={true}
/>

This will give you this result:

[ericmorgan1]

@iRoachie Thanks! #1272