React Native:触发另一个onPress的onPress

Question

我使用的是来自Native Base的非常棒的<Picker>组件。

import React, { Component } from 'react'
import {View, Picker, Text, Button, Icon} from 'native-base'

export default class PickSomething extends Component {
  constructor(props) {
    super(props)

    this.state = {
      SelectedValue: 'Foo',
    }
  }

  render() {
    return (
      <View >
        <Text>Type: </Text>

        <Picker
          iosHeader="Select a Type"
          selectedValue={this.state.SelectedValue}
          onValueChange={(value) => {
            this.setState(
              (prevState, props) => ({SelectedValue: value})
            )}}>

          <Picker.Item label="Foo" value="Foo" />

          <Picker.Item label="Bar" value="Bar" />
        </Picker>

        <Button
          onPress={ () => 
               //trigger the <Picker>onPress 
        }>
          <Icon name="ios-arrow-dropdown-circle-outline"/>
        </Button>
      </View>
    )}
}

我想让它更明显，这是一个下拉列表。如何让Button onPrees触发Picker的onPress

Answer 1

在Android上，你可以设置prop mode="dropdown"来显示一个锚定在选择器视图上的下拉列表。这将在右侧呈现一个箭头(检查gif from the NativeBase docs)。不幸的是，iOS遵循不同于Android的设计指南，所以prop不能在iOS中工作。

NativeBase在幕后使用了react原生Picker，但我没有看到任何文档说明必须使用refs从外部打开选取器。您总是可以深入到src代码中，但这似乎是万不得已的办法。