diff --git a/docs/navigatorios.html b/docs/navigatorios.html index 9406318169c..28cdeac179a 100644 --- a/docs/navigatorios.html +++ b/docs/navigatorios.html @@ -33,7 +33,7 @@ transitions back to it
  • resetTo(route) - Replaces the top it initialRoute={...} /> ), -});

    Edit on GitHubProps #

    barTintColor string #

    The background color of the navigation bar

    initialRoute {component: function, title: string, passProps: object, backButtonTitle: string, rightButtonTitle: string, onRightButtonPress: function, wrapperStyle: [object Object]} #

    NavigatorIOS uses "route" objects to identify child views, their props, +});

    Edit on GitHubProps #

    barTintColor string #

    The background color of the navigation bar

    initialRoute {component: function, title: string, passProps: object, backButtonIcon: Image.propTypes.source, backButtonTitle: string, leftButtonIcon: Image.propTypes.source, leftButtonTitle: string, onLeftButtonPress: function, rightButtonIcon: Image.propTypes.source, rightButtonTitle: string, onRightButtonPress: function, wrapperStyle: [object Object]} #

    NavigatorIOS uses "route" objects to identify child views, their props, and navigation bar configuration. "push" and all the other navigation operations expect routes to be like this:

    itemWrapperStyle View#style #

    The default wrapper style for components in the navigator. A common use case is to set the backgroundColor for every page

    navigationBarHidden bool #

    A Boolean value that indicates whether the navigation bar is hidden

    tintColor string #

    The color used for buttons in the navigation bar

    titleTextColor string #

    The text color of the navigation bar title

    Edit on GitHubExamples #

    'use strict'; @@ -42,6 +42,7 @@ A common use case is to set the backgroundColor for every page

    var ViewExample = require('./ViewExample'); var createExamplePage = require('./createExamplePage'); var { + AlertIOS, PixelRatio, ScrollView, StyleSheet, @@ -115,6 +116,30 @@ A common use case is to set the backgroundColor for every page

    } }); })} + {this._renderRow('Custom Left & Right Icons', () => { + this.props.navigator.push({ + title: NavigatorIOSExample.title, + component: EmptyPage, + leftButtonTitle: 'Custom Left', + onLeftButtonPress: () => this.props.navigator.pop(), + rightButtonIcon: require('image!NavBarButtonPlus'), + onRightButtonPress: () => { + AlertIOS.alert( + 'Bar Button Action', + 'Recognized a tap on the bar button icon', + [ + { + text: 'OK', + onPress: () => console.log('Tapped OK'), + }, + ] + ); + }, + passProps: { + text: 'This page has an icon for the right button in the nav bar', + } + }); + })} {this._renderRow('Pop', () => { this.props.navigator.pop(); })} diff --git a/docs/view.html b/docs/view.html index bb5b92b0875..fd74a673ab6 100644 --- a/docs/view.html +++ b/docs/view.html @@ -12,7 +12,7 @@ wraps two colored boxes and custom component in a row with padding.

    Edit on GitHubProps #

    accessibilityLabel string #

    Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

    accessible bool #

    When true, indicates that the view is an accessibility element. By default, -all the touchable elements are accessible.

    onMoveShouldSetResponder function #

    For most touch interactions, you'll simply want to wrap your component in +all the touchable elements are accessible.

    onLayout function #

    Invoked on mount and layout changes with {x, y, width, height}.

    onMoveShouldSetResponder function #

    For most touch interactions, you'll simply want to wrap your component in TouchableHighlight or TouchableOpacity. Check out Touchable.js, ScrollResponder.js and ResponderEventPlugin.js for more discussion.

    onResponderGrant function #

    onResponderMove function #

    onResponderReject function #

    onResponderRelease function #

    onResponderTerminate function #

    onResponderTerminationRequest function #

    onStartShouldSetResponder function #

    onStartShouldSetResponderCapture function #

    pointerEvents enum('box-none', 'none', 'box-only', 'auto') #

    In the absence of auto property, none is much like CSS's none value. box-none is as if you had applied the CSS class:

    .box-none {