要在React Native中使用库而不使用Expo,您可以按照以下步骤操作:
npx react-native init MyApp
cd MyApp
npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npx react-native link
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
const App = () => {
return (
{/* Add your navigation components here */}
);
}
export default App;
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackNavigator();
const App = () => {
return (
{/* Add your screens here */}
);
}
import { Text, View } from 'react-native';
const HomeScreen = () => {
return (
Home Screen
);
}
const App = () => {
return (
);
}
npx react-native run-android
这样,您就可以在不使用Expo的情况下,在React Native中使用库。请注意,这只是一个基本示例,您可能还需要根据您的具体需求进行其他配置和调整。