navigationbar - 导航栏 - React Native

Question

我正在使用 React Native 创建一个移动应用程序，我决定使用来自网站“https://github.com/beefe/react-native-navigation-bar”的导航栏。 '，但我不知道如何在我的代码中使用它。

我希望您将网站导航栏的示例发送给我 'https://github.com/beefe/react-native-navigation-bar '.

Answer 1

本文档清楚地展示了如何使用该组件。只需 2 个步骤:

1. 安装包。

    npm install react-native-navigation-bar --save
   

2. 导入和使用。以您喜欢的方式更改属性。

   import React, { Component } from 'react';
   import { Text, View } from 'react-native';
   
   import NavigationBar from 'react-native-navigation-bar';
   
   export default class Example extends Component {
     render() {
       return (
         <View>
           <NavigationBar 
             title='Main title'
             height={50}
             leftButtonTitle='back'
             rightButtonTitle='forward'
           />
           <Text>ABC</Text>
         </View>
       );
     }
   }