• View props...

• onValueChange
• selectedValue
• style
• testID
• enabled
• mode
• prompt
• itemStyle

Reference

Props

onValueChange

• itemValue: 所選項的值prop
• itemPosition: 此選擇器中所選項的索引

selectedValue

style

testID

enabled

mode

• 'dialog': 顯示模態對話框。這是默認值。
• 'dropdown': 顯示錨定到選擇器視圖的下拉列表

prompt

itemStyle

initialRoute={{
  component: MyScene,
  title: 'My Initial Scene',
  passProps: { myProp: 'foo' }
}}

處理導航

class MyView extends Component {
  _handleBackPress() {
    this.props.navigator.pop();
  }

  _handleNextPress(nextRoute) {
    this.props.navigator.push(nextRoute);
  }

  render() {
    const nextRoute = {
      component: MyView,
      title: 'Bar That',
      passProps: { myProp: 'bar' }
    };
    return(
      <TouchableHighlight onPress={() => this._handleNextPress(nextRoute)}>
        <Text style={{marginTop: 200, alignSelf: 'center'}}>
          See you on the other nav {this.props.myProp}!
        </Text>
      </TouchableHighlight>
    );
  }
}

class NavvyIOS extends Component {
  _handleNavigationRequest() {
    this.refs.nav.push({
      component: MyView,
      title: 'Genius',
      passProps: { myProp: 'genius' },
    });
  }

  render() {
    return (
      <NavigatorIOS
        ref='nav'
        initialRoute={{
          component: MyView,
          title: 'Foo This',
          passProps: { myProp: 'foo' },
          rightButtonTitle: 'Add',
          onRightButtonPress: () => this._handleNavigationRequest(),
        }}
        style={{flex: 1}}
      />
    );
  }
}

_handleNavigationRequest() {
  this.refs.nav.push({
    //...
    passProps: { myProp: 'genius' },
    barTintColor: '#996699',
  });
}

render() {
  return (
    <NavigatorIOS
      //...
      style={{flex: 1}}
      barTintColor='#ffffcc'
    />
  );
}

Props

• initialRoute
• barStyle
• barTintColor
• interactivePopGestureEnabled
• itemWrapperStyle
• navigationBarHidden
• shadowHidden
• tintColor
• titleTextColor
• translucent

Methods

• push
• popN
• pop
• replaceAtIndex
• replace
• replacePrevious
• popToTop
• popToRoute
• replacePreviousAndPop
• resetTo

參考

Props

initialRoute

barStyle

barTintColor

interactivePopGestureEnabled

itemWrapperStyle

navigationBarHidden

shadowHidden

tintColor

titleTextColor

translucent

Methods

push()

push((route: object));

popN()

popN((n: number));

pop()

pop();

replaceAtIndex()

replaceAtIndex((route: object), (index: number));

replace()

replace((route: object));

replacePrevious()

replacePrevious((route: object));

popToTop()

popToTop();

popToRoute()

popToRoute((route: object));

replacePreviousAndPop()

replacePreviousAndPop((route: object));

resetTo()

resetTo((route: object));