TouchableRow (component)

June 7, 2016 ยท View on GitHub

The basic RowCell that I use about 80% of the time. It displays an image, primary text, secondary text, a value, and an arrow right icon if the respective props are specified.

Props

image

type: object

onPress

type: func

primaryText

type: string

secondaryText

type: string

value

type: string

Examples

TouchableRow examples

<TouchableRow
  onPress={noop}
  image={{uri: 'https://pbs.twimg.com/profile_images/2966797788/e3f7b52206be4d11c86a32a67dfe2fab_400x400.png'}}
  primaryText='Hello world'
  secondaryText='Some secondary text'
  value='Value'
/>
<TouchableRow
  onPress={noop}
  primaryText='PrimaryText'
/>
<TouchableRow
  onPress={noop}
  primaryText='PrimaryText'
  secondaryText='SubtitleText'
/>
<TouchableRow
  onPress={noop}
  image={{uri: 'https://pbs.twimg.com/profile_images/2966797788/e3f7b52206be4d11c86a32a67dfe2fab_400x400.png'}}
  primaryText='PrimaryText'
  secondaryText='SubtitleText'
/>