\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u57fa\u4e8e\u771f\u5b9e\u73af\u5883\u7f16\u5199：Apple Silicon Mac + Android Studio \/ SDK 37 \/ JDK 17（brew formula \u7248）+ RN 0.88.1，2026-10 \u5728 Android 16 (API 37) \u6a21\u62df\u5668\u4e0a\u7aef\u5230\u7aef\u5b9e\u6d4b\u8dd1\u901a\u3002<\/p>\n
\u76ee\u5f55<\/p>\n
\n
\u4e00\u3001\u73af\u5883\u68c0\u9a8c<\/p>\n
1\u3001\u68c0\u9a8c JDK 17<\/p>\n
2\u3001\u68c0\u9a8c Android SDK \u4e0e\u547d\u4ee4\u884c\u5de5\u5177<\/p>\n
3\u3001\u68c0\u9a8c\u6a21\u62df\u5668\u4e0e AVD<\/p>\n
4\u3001\u603b\u68c0（\u53ef\u9009）<\/p>\n
\u4e8c\u3001\u9879\u76ee\u642d\u5efa<\/p>\n
1\u3001\u521b\u5efa\u9879\u76ee\u5e76\u5b89\u88c5\u4f9d\u8d56<\/p>\n
2\u3001\u2605\u628a Gradle \u4e0b\u8f7d\u6e90\u6362\u6210\u817e\u8baf\u955c\u50cf（Android \u4fa7\u7b2c\u4e00\u5fc5\u505a）<\/p>\n
3\u3001\u542f\u52a8\u6a21\u62df\u5668<\/p>\n
4\u3001\u9996\u6b21\u6784\u5efa\u4e0e\u5b89\u88c5<\/p>\n
5\u3001\u2605\u624b\u52a8\u542f\u52a8 Metro（Android \u4fa7\u5fc5\u8e29\u7684\u9759\u9ed8\u5751）<\/p>\n
6\u3001\u2605\u2605 \u6388\u6743\u672c\u5730\u7f51\u7edc\u8bbf\u95ee（Android 16 \/ API 36+ \u6a21\u62df\u5668\u4e13\u5c5e，\u6700\u5927\u6697\u5751）<\/p>\n
7\u3001\u5904\u7406\u300c\u9644\u8fd1\u8bbe\u5907\u300d\u6743\u9650\u5f39\u7a97<\/p>\n
\u4e09\u3001Demo \u529f\u80fd\u9875\u9762\u642d\u5efa<\/p>\n
1\u3001\u5b89\u88c5\u5bfc\u822a\u4e0e\u5b58\u50a8\u4f9d\u8d56<\/p>\n
2\u3001\u5bfc\u822a\u9aa8\u67b6（\u4e0e iOS \u540c\u6784，\u8d34 Android \u914d\u8272）<\/p>\n
3\u3001\u5217\u8868\u9875（\u7f51\u7edc\u8bf7\u6c42 + \u4e09\u6001 + FlatList + \u4e0b\u62c9\u5237\u65b0）<\/p>\n
4\u3001\u8be6\u60c5\u9875（\u53c2\u6570\u4f20\u9012 + \u2605\u7269\u7406\u8fd4\u56de\u952e\u62e6\u622a BackHandler）<\/p>\n
5\u3001\u6211\u7684\u9875（\u2605\u8fd0\u884c\u65f6\u6743\u9650\u7533\u8bf7 PermissionsAndroid + \u6301\u4e45\u5316）<\/p>\n
6\u3001\u8fd0\u884c\u9a8c\u8bc1<\/p>\n
\u56db\u3001\u8c03\u8bd5\u80fd\u529b（Android \u6a21\u62df\u5668\u4e13\u5c5e）<\/p>\n
\u9644\u5f55 A：Android \u771f\u673a\u8c03\u8bd5（\u6bd4 iOS \u7b80\u5355\u5f97\u591a）<\/p>\n
\u9644\u5f55 B：Android \u4fa7\u9ad8\u9891\u62a5\u9519\u901f\u67e5（\u5b9e\u6218\u6d53\u7f29）<\/p>\n
java -version
\n# \u671f\u5f85 openjdk version "17.x.x"<\/p>\n
echo $JAVA_HOME
\n# \u671f\u5f85 \/opt\/homebrew\/opt\/openjdk@17\/libexec\/openjdk.jdk\/Contents\/Home <\/p>\n
echo $ANDROID_HOME
\n# \u671f\u5f85 \/Users\/\u4f60\/Library\/Android\/sdk<\/p>\n
adb version
\n# \u671f\u5f85\u6709\u8f93\u51fa（Android Debug Bridge version 1.0.41）<\/p>\n
ls $ANDROID_HOME
\n# \u671f\u5f85\u770b\u5230 platforms \/ build-tools \/ platform-tools \/ emulator <\/p>\n
emulator -list-avds
\n# \u671f\u5f85\u5217\u51fa\u81f3\u5c11\u4e00\u4e2a（\u5982 Medium_Phone_API_37.0）<\/p>\n
ls $ANDROID_HOME\/platforms
\n# \u770b\u6709 android-36\/37<\/p>\n
ls $ANDROID_HOME\/build-tools
\n# \u770b\u6709 36\/37 <\/p>\n
cd \u4efb\u610f RN \u9879\u76ee\u76ee\u5f55 && npx react-native doctor <\/p>\n
mkdir -p ~\/rn-playground && cd ~\/rn-playground<\/p>\n
npx @react-native-community\/cli@latest init RnAndroidDemo –skip-install<\/p>\n
cd RnAndroidDemo && npm install
\n# npmmirror \u6e90\u4e0b\u7ea6 1 \u5206\u949f <\/p>\n
cd android
\nsed -i '' 's|services.gradle.org\/distributions|mirrors.cloud.tencent.com\/gradle|' \\\\
\n gradle\/wrapper\/gradle-wrapper.properties
\ngrep distributionUrl gradle\/wrapper\/gradle-wrapper.properties # \u786e\u8ba4\u5df2\u6307\u5411\u817e\u8baf\u955c\u50cf
\ncd .. <\/p>\n
# \u65b9\u5f0f A（\u5c0f\u767d\u63a8\u8350）：Android Studio \u2192 Device Manager \u2192 \u25b6
\n# \u65b9\u5f0f B：\u547d\u4ee4\u884c
\nemulator -avd \u4f60\u7684AVD\u540d <\/p>\n
cd ~\/rn-playground\/RnAndroidDemo
\nnpm run android <\/p>\n
# \u65b0\u5f00\u4e00\u4e2a\u7ec8\u7aef
\ncd ~\/rn-playground\/RnAndroidDemo
\nnpm start <\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u5982\u679c\u4f60\u7684\u6a21\u62df\u5668\u7cfb\u7edf\u662f Android 16（API 36+），App \u4f1a\u7ea2\u5c4f\u62a5\u00a0Unable to load script \/ Make sure you're running Metro，\u4f46\u68c0\u67e5\u4e00\u5207"\u6b63\u5e38"\u2014\u2014\u6267\u884c\u8fd9\u6761：<\/p>\n
adb shell appops set com.rnandroiddemo ACCESS_LOCAL_NETWORK allow <\/p>\n
\u7136\u540e\u91cd\u542f App：<\/p>\n
adb shell am force-stop com.rnandroiddemo
\nadb shell am start -n com.rnandroiddemo\/.MainActivity <\/p>\n
# App \u89c6\u89d2\u63a2\u6d4b Metro \u662f\u5426\u5728\u7ebf：6 \u79d2\u540e\u8fd4\u56de false \u4e14 shell \u624b\u6d4b\u7f51\u7edc\u662f\u901a\u7684 = \u4e2d\u62db
\nadb logcat -d | grep isMetroRunning | tail -1
\n# \u6a21\u62df\u5668 shell \u624b\u6d4b（\u8fd4\u56de HTTP\/1.1 200 OK \u8bf4\u660e\u7f51\u7edc\u672c\u8eab\u6ca1\u95ee\u9898）：
\nadb shell 'printf "GET \/status HTTP\/1.1\\\\r\\\\nHost: 10.0.2.2:8081\\\\r\\\\n\\\\r\\\\n" | nc -w 5 10.0.2.2 8081'
\n# \u67e5\u6743\u9650\u6388\u4e88\u72b6\u6001：
\nadb shell dumpsys package com.rnandroiddemo | grep ACCESS_LOCAL_NETWORK <\/p>\n
adb shell pm grant com.rnandroiddemo android.permission.BLUETOOTH_SCAN <\/p>\n
\u2705 \u9636\u6bb5\u9a8c\u6536：\u6a21\u62df\u5668\u663e\u793a RN \u6b22\u8fce\u9875（Welcome to React Native）；\u6539\u00a0App.tsx\u00a0\u4fdd\u5b58\u79d2\u7ea7\u70ed\u66f4\u65b0；adb logcat -d | grep ReactNativeJS | tail -1\u00a0\u80fd\u770b\u5230\u00a0Running "RnAndroidDemo"\u3002<\/p>\n
npm install @react-navigation\/native @react-navigation\/native-stack \\\\
\n @react-navigation\/bottom-tabs \\\\
\n react-native-screens \\\\
\n react-native-safe-area-context \\\\
\n @react-native-async-storage\/async-storage
\n# \u8fd9\u4e9b\u542b\u539f\u751f\u4ee3\u7801，\u4f46 Android \u4fa7 autolinking \u81ea\u52a8\u5904\u7406，\u65e0\u9700\u50cf iOS \u90a3\u6837\u624b\u52a8 pod install！ <\/p>\n
\/\/ src\/navigation.tsx
\nimport { NavigationContainer, DarkTheme } from '@react-navigation\/native'
\nimport { createNativeStackNavigator } from '@react-navigation\/native-stack'
\nimport { createBottomTabNavigator } from '@react-navigation\/bottom-tabs'
\nimport { Text } from 'react-native'
\nimport HomeScreen from '.\/screens\/HomeScreen'
\nimport DetailScreen from '.\/screens\/DetailScreen'
\nimport ProfileScreen from '.\/screens\/ProfileScreen'
\nimport type { User } from '.\/types'<\/p>\n
export type RootStackParamList = {
\n Home: undefined
\n Detail: { user: User }
\n}
\nexport type MainTabParamList = { \u9996\u9875: undefined; \u6211\u7684: undefined }<\/p>\n
const Stack = createNativeStackNavigator<RootStackParamList>()
\nconst Tab = createBottomTabNavigator<MainTabParamList>()<\/p>\n
function HomeStack() {
\n return (
\n <Stack.Navigator>
\n <Stack.Screen name="Home" component={HomeScreen} options={{ title: '\u7528\u6237\u5217\u8868' }} \/>
\n <Stack.Screen name="Detail" component={DetailScreen} options={{ title: '\u7528\u6237\u8be6\u60c5' }} \/>
\n <\/Stack.Navigator>
\n )
\n}<\/p>\n
export default function AppNav() {
\n return (
\n <NavigationContainer theme={DarkTheme}>
\n <Tab.Navigator screenOptions={{ tabBarActiveTintColor: '#4F9CF9', headerShown: false }}>
\n <Tab.Screen name="\u9996\u9875" component={HomeStack}
\n options={{ tabBarIcon: () => <Text style={{ fontSize: 18 }}>👥<\/Text> }} \/>
\n <Tab.Screen name="\u6211\u7684" component={ProfileScreen}
\n options={{ tabBarIcon: () => <Text style={{ fontSize: 18 }}>👤<\/Text>, headerShown: true, headerTitle: '\u6211\u7684' }} \/>
\n <\/Tab.Navigator>
\n <\/NavigationContainer>
\n )
\n}
\n\/\/ App.tsx
\nimport AppNav from '.\/src\/navigation'
\nexport default function App() {
\n return <AppNav \/>
\n}
\n\/\/ src\/types.ts
\nexport interface User {
\n id: number
\n name: string
\n email: string
\n phone: string
\n website: string
\n company: { name: string }
\n} <\/p>\n
\/\/ src\/screens\/HomeScreen.tsx \u2014\u2014 \u4e0e iOS \u7248\u5b8c\u5168\u4e00\u81f4（\u8fd9\u6b63\u4f53\u73b0 RN \u8de8\u7aef\u4ef7\u503c）
\nimport { useState, useCallback } from 'react'
\nimport { View, Text, FlatList, TouchableOpacity, RefreshControl, ActivityIndicator, StyleSheet } from 'react-native'
\nimport type { NativeStackScreenProps } from '@react-navigation\/native-stack'
\nimport type { RootStackParamList } from '..\/navigation'
\nimport type { User } from '..\/types'<\/p>\n
type Props = NativeStackScreenProps<RootStackParamList, 'Home'><\/p>\n
export default function HomeScreen({ navigation }: Props) {
\n const [users, setUsers] = useState<User[]>([])
\n const [loading, setLoading] = useState(true)
\n const [error, setError] = useState<string | null>(null)<\/p>\n
const load = useCallback(async () => {
\n try {
\n setError(null)
\n if (users.length === 0) setLoading(true)
\n const res = await fetch('https:\/\/jsonplaceholder.typicode.com\/users')
\n if (!res.ok) throw new Error(`HTTP ${res.status}`)
\n setUsers(await res.json())
\n } catch (e) {
\n setError(e instanceof Error ? e.message : '\u7f51\u7edc\u5f02\u5e38')
\n } finally {
\n setLoading(false)
\n }
\n }, [users.length])<\/p>\n
if (loading)
\n return <View style={s.center}><ActivityIndicator size="large" \/><Text>\u52a0\u8f7d\u4e2d\u2026<\/Text><\/View>
\n if (error)
\n return (
\n <View style={s.center}>
\n <Text style={s.err}>{error}<\/Text>
\n <TouchableOpacity style={s.btn} onPress={load}><Text>\u91cd\u8bd5<\/Text><\/TouchableOpacity>
\n <\/View>
\n )
\n return (
\n <FlatList
\n data={users}
\n keyExtractor={(item) => String(item.id)}
\n refreshControl={<RefreshControl refreshing={false} onRefresh={load} \/>}
\n renderItem={({ item }) => (
\n <TouchableOpacity style={s.card} onPress={() => navigation.navigate('Detail', { user: item })}>
\n <Text style={s.name}>{item.name}<\/Text>
\n <Text style={s.sub}>{item.company.name}<\/Text>
\n <\/TouchableOpacity>
\n )}
\n \/>
\n )
\n}<\/p>\n
const s = StyleSheet.create({
\n center: { flex: 1, justifyContent: 'center', alignItems: 'center', gap: 12 },
\n err: { color: '#ff6b6b' },
\n btn: { padding: 10, backgroundColor: '#4F9CF9', borderRadius: 8 },
\n card: { padding: 16, borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: '#333' },
\n name: { fontSize: 16, fontWeight: '600', color: '#fff' },
\n sub: { fontSize: 13, color: '#888', marginTop: 4 },
\n}) <\/p>\n
\/\/ src\/screens\/DetailScreen.tsx
\nimport { useEffect } from 'react'
\nimport { View, Text, ScrollView, TouchableOpacity, BackHandler, Linking, Alert, StyleSheet } from 'react-native'
\nimport type { NativeStackScreenProps } from '@react-navigation\/native-stack'
\nimport type { RootStackParamList } from '..\/navigation'<\/p>\n
type Props = NativeStackScreenProps<RootStackParamList, 'Detail'><\/p>\n
export default function DetailScreen({ route, navigation }: Props) {
\n const { user } = route.params<\/p>\n
\/\/ \u2605 Android \u7279\u8272：\u62e6\u622a\u7269\u7406\u8fd4\u56de\u952e
\n useEffect(() => {
\n const sub = BackHandler.addEventListener('hardwareBackPress', () => {
\n Alert.alert('\u786e\u8ba4\u79bb\u5f00', '\u786e\u5b9a\u8981\u8fd4\u56de\u5217\u8868\u9875\u5417？', [
\n { text: '\u7559\u4e0b', style: 'cancel' },
\n { text: '\u8fd4\u56de', style: 'destructive', onPress: () => navigation.goBack() },
\n ])
\n return true \/\/ \u2605 \u8fd4\u56de true \u8868\u793a"\u5df2\u6d88\u8d39"，\u963b\u6b62\u9ed8\u8ba4\u884c\u4e3a；false\/\u4e0d\u8fd4\u56de\u5219\u6267\u884c\u9ed8\u8ba4\u8fd4\u56de
\n })
\n return () => sub.remove() \/\/ \u2605 \u5378\u8f7d\u65f6\u5fc5\u987b\u79fb\u9664，\u5426\u5219\u56de\u5230\u5217\u8868\u9875\u8fd4\u56de\u952e\u4ecd\u88ab\u62e6\u622a（\u9ad8\u9891\u5185\u5b58\u6cc4\u6f0f\u70b9）
\n }, [navigation])<\/p>\n
const Row = ({ label, value }: { label: string; value: string }) => (
\n <View style={s.row}>
\n <Text style={s.label}>{label}<\/Text>
\n <Text style={s.value}>{value}<\/Text>
\n <\/View>
\n )
\n return (
\n <ScrollView contentContainerStyle={s.wrap}>
\n <View style={s.avatar}><Text style={s.avatarText}>{user.name[0]}<\/Text><\/View>
\n <Text style={s.name}>{user.name}<\/Text>
\n <Row label="\u516c\u53f8" value={user.company.name} \/>
\n <Row label="\u90ae\u7bb1" value={user.email} \/>
\n <Row label="\u7535\u8bdd" value={user.phone} \/>
\n <Row label="\u7f51\u7ad9" value={user.website} \/>
\n <TouchableOpacity style={s.btn} onPress={() => Linking.openURL(`mailto:${user.email}`)}>
\n <Text style={s.btnText}>\u53d1\u90ae\u4ef6<\/Text>
\n <\/TouchableOpacity>
\n <\/ScrollView>
\n )
\n}<\/p>\n
const s = StyleSheet.create({
\n wrap: { padding: 20 },
\n avatar: { width: 72, height: 72, borderRadius: 36, backgroundColor: '#4F9CF9', alignSelf: 'center', justifyContent: 'center' },
\n avatarText: { fontSize: 30, color: '#fff', textAlign: 'center' },
\n name: { fontSize: 22, fontWeight: '700', textAlign: 'center', marginVertical: 16, color: '#fff' },
\n row: { flexDirection: 'row', paddingVertical: 10, borderBottomWidth: StyleSheet.hairlineWidth, borderColor: '#333' },
\n label: { width: 60, color: '#888' },
\n value: { flex: 1, color: '#fff' },
\n btn: { marginTop: 24, padding: 14, backgroundColor: '#4F9CF9', borderRadius: 10, alignItems: 'center' },
\n btnText: { color: '#fff', fontWeight: '600' },
\n}) <\/p>\n
\/\/ src\/screens\/ProfileScreen.tsx
\nimport { useState, useEffect } from 'react'
\nimport { View, Text, TextInput, Switch, Button, StyleSheet, Alert, PermissionsAndroid, Platform } from 'react-native'
\nimport AsyncStorage from '@react-native-async-storage\/async-storage'<\/p>\n
const KEY = 'profile'<\/p>\n
\/\/ \u2605 Android \u7279\u8272：\u8fd0\u884c\u65f6\u6743\u9650\u7533\u8bf7（\u5371\u9669\u6743\u9650\u9700\u5f39\u7a97\u5f81\u6c42\u7528\u6237\u540c\u610f）
\nasync function requestNotifyPermission(): Promise<boolean> {
\n \/\/ Android 13+ \u901a\u77e5\u5c5e\u4e8e\u8fd0\u884c\u65f6\u6743\u9650；\u4f4e\u7248\u672c\u81ea\u52a8\u6388\u6743
\n if (Platform.OS !== 'android' || Platform.Version < 33) return true
\n const res = await PermissionsAndroid.request(
\n PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,
\n {
\n title: '\u901a\u77e5\u6743\u9650',
\n message: '\u5f00\u542f\u540e\u624d\u80fd\u6536\u5230\u6d88\u606f\u63d0\u9192',
\n buttonPositive: '\u5f00\u542f',
\n buttonNegative: '\u53d6\u6d88',
\n },
\n )
\n return res === PermissionsAndroid.RESULTS.GRANTED
\n}<\/p>\n
export default function ProfileScreen() {
\n const [nickname, setNickname] = useState('')
\n const [notify, setNotify] = useState(true)
\n const [loading, setLoading] = useState(true)<\/p>\n
useEffect(() => {
\n AsyncStorage.getItem(KEY)
\n .then((raw) => { if (raw) { const d = JSON.parse(raw); setNickname(d.nickname); setNotify(d.notify) } })
\n .finally(() => setLoading(false))
\n }, [])<\/p>\n
const toggleNotify = async (v: boolean) => {
\n if (v) {
\n const granted = await requestNotifyPermission()
\n if (!granted) { Alert.alert('\u672a\u6388\u6743', '\u6ca1\u6709\u901a\u77e5\u6743\u9650，\u65e0\u6cd5\u5f00\u542f'); return }
\n }
\n setNotify(v)
\n }<\/p>\n
const save = async () => {
\n await AsyncStorage.setItem(KEY, JSON.stringify({ nickname, notify }))
\n Alert.alert('\u5df2\u4fdd\u5b58', `\u6635\u79f0：${nickname || '（\u7a7a）'}，\u901a\u77e5：${notify ? '\u5f00' : '\u5173'}`)
\n }<\/p>\n
if (loading) return null
\n return (
\n <View style={s.wrap}>
\n <Text style={s.title}>\u504f\u597d\u8bbe\u7f6e<\/Text>
\n <Text style={s.label}>\u6635\u79f0<\/Text>
\n <TextInput style={s.input} value={nickname} onChangeText={setNickname}
\n placeholder="\u8f93\u5165\u6635\u79f0" placeholderTextColor="#666" \/>
\n <View style={s.row}>
\n <Text style={s.label}>\u63a5\u6536\u901a\u77e5<\/Text>
\n <Switch value={notify} onValueChange={toggleNotify} \/>
\n <\/View>
\n <Button title="\u4fdd\u5b58" onPress={save} color="#4F9CF9" \/>
\n <Text style={s.hint}>\u9996\u6b21\u5f00\u542f\u901a\u77e5\u4f1a\u5f39\u7cfb\u7edf\u6743\u9650\u6846；\u6570\u636e\u5b58\u672c\u5730（AsyncStorage），\u6740 App \u91cd\u5f00\u4ecd\u5728<\/Text>
\n <\/View>
\n )
\n}<\/p>\n
const s = StyleSheet.create({
\n wrap: { flex: 1, padding: 20 },
\n title: { fontSize: 22, fontWeight: '700', marginBottom: 20, color: '#fff' },
\n label: { color: '#aaa', marginBottom: 6 },
\n input: { borderWidth: 1, borderColor: '#444', borderRadius: 8, padding: 12, color: '#fff', marginBottom: 20 },
\n row: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginBottom: 24 },
\n hint: { marginTop: 16, color: '#666', fontSize: 12 },
\n}) <\/p>\n
# \u6a21\u62df\u5668\u5728\u8dd1\u3001Metro \u5728\u8dd1\u7684\u524d\u63d0\u4e0b
\nnpm run android <\/p>\n
\u2705 \u7ec8\u6781\u9a8c\u6536\u6e05\u5355：<\/p>\n
| \u64cd\u4f5c<\/td>\n | \u65b9\u5f0f<\/td>\n | \u8bf4\u660e<\/td>\n<\/tr>\n | |||||||||||||||||||||||||||||||||||||||
| \u6253\u5f00 RN \u8c03\u8bd5\u83dc\u5355<\/td>\n | \u6a21\u62df\u5668\u83b7\u5f97\u7126\u70b9\u6309\u00a0\u2318 + M（\u6216\u00a0Ctrl+M）<\/td>\n | Android \u5bf9\u5e94 iOS \u7684 \u2318D<\/td>\n<\/tr>\n | |||||||||||||||||||||||||||||||||||||||
| \u91cd\u65b0\u52a0\u8f7d JS<\/td>\n | \u8c03\u8bd5\u83dc\u5355 \u2192 Reload（\u6216\u7ec8\u7aef Metro \u6309\u00a0r）<\/td>\n | <\/td>\n<\/tr>\n | |||||||||||||||||||||||||||||||||||||||
| \u67e5\u770b console.log<\/td>\n | \u7ec8\u7aef Metro \u7a97\u53e3\u00a0\u6216\u00a0adb logcat -s ReactNativeJS<\/td>\n | logcat \u662f Android \u65e5\u5fd7\u603b\u95f8，-s ReactNativeJS\u00a0\u53ea\u770b RN JS \u5c42\u65e5\u5fd7\u2014\u2014\u6392\u67e5 JS \u95ee\u9898\u7b2c\u4e00\u73b0\u573a<\/td>\n<\/tr>\n | |||||||||||||||||||||||||||||||||||||||
| \u8c03\u8bd5 JS \u65ad\u70b9<\/td>\n | \u8c03\u8bd5\u83dc\u5355 \u2192 Open Debugger<\/td>\n | Hermes \u539f\u751f\u8c03\u8bd5\u5668（Chrome DevTools \u534f\u8bae）<\/td>\n<\/tr>\n | |||||||||||||||||||||||||||||||||||||||
| \u68c0\u67e5 UI \u5e03\u5c40<\/td>\n | \u8c03\u8bd5\u83dc\u5355 \u2192 Toggle Inspector<\/td>\n | <\/td>\n<\/tr>\n | |||||||||||||||||||||||||||||||||||||||
| \u5f55\u5c4f\/\u622a\u56fe<\/td>\n | adb exec-out screencap -p > \/tmp\/x.png<\/td>\n | \u7ed9\u540c\u4e8b\/\u9762\u8bd5\u6f14\u793a\u7d20\u6750<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
|