React native 如何使用expo集成react本机选项卡视图？

我对react native还不熟悉，我需要一些帮助来集成库。我可以获得一个如何将其与新项目集成的分步指南吗？

首先在terminal中运行以下命令

expo install react-native-gesture-handler react-native-reanimated

将此粘贴到你的App.js中，你就可以完成了

import * as React from 'react';
import { View, StyleSheet, Dimensions } from 'react-native';
import { TabView, SceneMap } from 'react-native-tab-view';

const FirstRoute = () => (
  <View style={[styles.scene, { backgroundColor: '#ff4081' }]} />
);

const SecondRoute = () => (
  <View style={[styles.scene, { backgroundColor: '#673ab7' }]} />
);

const initialLayout = { width: Dimensions.get('window').width };

export default function TabViewExample() {
  const [index, setIndex] = React.useState(0);
  const [routes] = React.useState([
    { key: 'first', title: 'First' },
    { key: 'second', title: 'Second' },
  ]);

  const renderScene = SceneMap({
    first: FirstRoute,
    second: SecondRoute,
  });

  return (
    <TabView
      navigationState={{ index, routes }}
      renderScene={renderScene}
      onIndexChange={setIndex}
      initialLayout={initialLayout}
    />
  );
}

const styles = StyleSheet.create({
  scene: {
    flex: 1,
  },
});

import*as React from'React'；
从“react native”导入{View，StyleSheet，Dimensions}；
从“反应本机选项卡视图”导入{TabView，SceneMap}；
const FirstRoute=（）=>(
);
const SecondRoute=（）=>(
);
const initialLayout={width:Dimensions.get（'window'）.width}；
导出默认函数TabViewExample（）{
const[index，setIndex]=React.useState（0）；
常量[路由]=React.useState([
{键：'first'，标题：'first'}，
{键：'second'，标题：'second'}，
]);
const renderScene=SceneMap({
第一条：第一条路线，
第二条：第二条路线，
});
返回(
);
}
const styles=StyleSheet.create({
场景：{
弹性：1，
},
});