showPickerIOS(type) {
    if (type == 'sex') {
      ActionSheetIOS.showActionSheetWithOptions(
        {
          options: ['Laki-laki', 'Perempuan', 'Lainnya', 'Batal'],
          cancelButtonIndex: 3
        },
        buttonIndex => {
          switch (buttonIndex) {
            case 0: {
              this.setState({ sex: 'Laki-laki' })
              break
            }
            case 1: {
              this.setState({ sex: 'Perempuan' })
              break
            }
            case 2: {
              this.setState({ sex: 'Lainnya' })
              break
            }
          }
        }
      )
    } else {
      ActionSheetIOS.showActionSheetWithOptions(
        {
          options: ['Mitra Outlet Utama', 'Mitra Outlet', 'Affiliate', 'Batal'],
          cancelButtonIndex: 3
        },
        buttonIndex => {
          switch (buttonIndex) {
            case 0: {
              this.setState({ partnership: 'Mitra Outlet Utama' })
              break
            }
            case 1: {
              this.setState({ partnership: 'Mitra Outlet' })
              break
            }
            case 2: {
              this.setState({ partnership: 'Affiliate' })
              break
            }
          }
        }
      )
    }
  }

  render() {
    return (
      <View style={styles.container}>
        {metrics.PLATFORM == 'ios' ? (
          <TouchableOpacity onPress={() => this.showPickerIOS('sex')} style={styles.picker}>
            <Text>{this.state.sex}</Text>
          </TouchableOpacity>
        ) : (
          <Picker
            selectedValue={this.state.sex}
            style={styles.picker}
            onValueChange={itemValue => this.setState({ sex: itemValue })}
            mode={'dropdown'}>
            <Picker.Item label={'Laki-laki'} value={'Laki-laki'} />
            <Picker.Item label={'Perempuan'} value={'Perempuan'} />
            <Picker.Item label={'Lainnya'} value={'Lainnya'} />
          </Picker>
        )}
      </View>
    )
  }
}