阿坝微信公众号开发【阿坝网络推广】阿坝建站、阿坝网站维护、阿坝网页制作、阿坝微信小程序代运营公司

阿坝微信公众号开发【阿坝网络推广】阿坝建站、阿坝网站维护、阿坝网页制作、阿坝微信小程序代运营公司

阿坝藏族羌族自治州，四川省辖自治州，紧邻成都平原，全州地表整体轮廓为典型高原，地势高亢，境内垂直气候显著；辖1县级市、12县，总面积84242平方公里；截至2019年末，阿坝州户籍人口89.93万人。

阿坝藏族羌族自治州境内有世界自然遗产九寨沟、黄龙及卧龙·四姑娘山大熊猫栖息地等世界级旅游景区。有马尔康卓克基土司官寨、松岗直波碉楼（含羌寨碉群）、松潘古城墙、壤塘棒托寺、错尔机寺、营盘山和姜维城遗址、日斯满巴碉房、阿坝州红军长征遗迹等全国重点文物保护单位。 [1] 

2019年12月，国家民委命名阿坝藏族羌族自治州为“全国民族团结进步示范州”。 [2] 

2020年阿坝州地区生产总值（GDP）突破400亿元，达411.75亿元，按可比价格计算，比上年增长3.3%。 [3] 

五、react-native头部标题按钮

参数说明：

1.添加右侧按钮

标题交互的最常用方法是点击标题左侧或右侧的按钮。让我们在标题的右侧添加一个按钮（在整个屏幕上最难触摸的地方之一，取决于手指和手机的大小，但也是放置按钮的正常位置）。

HomeScreen主组件

class HomeScreen extends React.Component {    static navigationOptions = {        headerTitle: <LogoTitle ></LogoTitle>,        headerRight: (            <Button                    onPress={() => alert('This is a button!')}                title="Info"                color="#fff"                />        ),    };}

2.标题按钮与页面上交互

点击标题按钮触发count自增

HomeScreen主组件

class HomeScreen extends React.Component {    static navigationOptions = ({ navigation }) => {        return {            headerTitle: <LogoTitle />,            headerRight: (            <Button            onPress={navigation.getParam('increaseCount')}        title="+1"        color="#fff"        />            ),    };};componentDidMount() {    this.props.navigation.setParams({ increaseCount: this._increaseCount });};state = {    count: 0,};_increaseCount = () => {    this.setState({ count: this.state.count + 1 });};render() {    return (        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>        <Text>Home Screen</Text>        <Text>Count: {this.state.count}</Text>        <Button title="Go to Details" onPress={() => this.props.navigation.navigate('Details',{        itemId: 86,        otherParam: 'anything you want here',    })}/>        </View>    );}}

效果如图：

3.自定义后退按钮

createStackNavigator

为后退按钮提供特定于平台的默认值。在iOS上，这包括按钮旁边的标签，当标题适合可用空间时，它会显示上一屏幕的标题，否则显示“返回”。

您可以使用headerBackTitle和更改标签行为headerTruncatedBackTitle
（具体详见https://reactnavigation.org/docs/en/stack-navigator.html#headerbacktitle ）

要自定义后退按钮图像，可以使用headerBackImage。

headerBackTitle

iOS上的后退按钮使用的标题字符串，或null禁用标签。默认为上一个场景headerTitle。headerBackTitle必须在原始屏幕中定义，而不是在目标屏幕中定义。例如，当您有转换A到B并且要禁用headerBackTitleon时B：

StackNavigator({    A: {        screen: AScreen,        navigationOptions: () => ({            title: A,            headerBackTitle: null,        }),    },        B: {            screen: BScreen,            navigationOptions: () => ({                title: B,            }),        },});

headerTruncatedBackTitle

当按钮headerBackTitle不适合屏幕时，后退按钮使用的标题字符串。”Back”默认。headerTruncatedBackTitle必须在原始屏幕中定义，而不是在目标屏幕中定义。例如，当您有转换A到B并且想要截断标签时B：

StackNavigator({    A: {        screen: AScreen,        navigationOptions: () => ({            title: A,            headerBackTitle: 'A much too long text for back button from B to A',            headerTruncatedBackTitle: to A,        }),    },        B: {            screen: BScreen,            navigationOptions: () => ({                title: B,            }),        },});

4.覆盖后退按钮

只要用户可以从当前屏幕返回，后退按钮将自动呈现在堆栈导航器中 - 换句话说，只要堆栈中有多个屏幕，就会呈现后退按钮。

一般来说，这就是你想要的。但是在某些情况下，您可能需要通过上述选项自定义后退按钮，在这种情况下，您可以将headerLeft选项设置为将要渲染的React元素，就像我们一样headerRight。或者，该headerLeft选项还接受React组件，例如，可用于覆盖后退按钮的onPress行为

如添加的右侧按钮相同，不在叙述。

阿坝微信公众号开发【阿坝网络推广】阿坝建站、阿坝网站维护、阿坝网页制作、阿坝微信小程序代运营公司