下面是一个使用React Native创建安卓顶部导航栏的示例代码:
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
const TopNavigationBar = () => {
return (
顶部导航栏
);
};
const styles = StyleSheet.create({
container: {
height: 60,
backgroundColor: 'blue',
justifyContent: 'center',
alignItems: 'center',
},
title: {
color: 'white',
fontSize: 20,
},
});
export default TopNavigationBar;
这个示例中,TopNavigationBar
组件渲染一个蓝色的顶部导航栏,其中包含一个白色的标题。你可以根据自己的需求自定义样式。
在你的主要组件中,你可以使用TopNavigationBar
组件作为顶部导航栏的一部分,如下所示:
import React from 'react';
import { View, Text } from 'react-native';
import TopNavigationBar from './TopNavigationBar';
const App = () => {
return (
其他内容
);
};
export default App;
这样,你的应用程序将在顶部显示一个导航栏,并在其下方显示其他内容。