在iOS 与Android上实现React Native应用的尝试链接

添加 src/App.tsx 文件

import React from 'react' 
 
import { createAppContainer, createStackNavigator } from 'react-navigation' 
 
import About from './screens/About' 
import Article from './screens/Article' 
import Home from './screens/Home' 
 
const AppNavigator = createStackNavigator( 
  { 
    Home: { screen: Home }, 
    About: { screen: About, path: 'about' }, 
    Article: { screen: Article, path: 'article/:id' }, 
  }, 
  { 
    initialRouteName: 'Home', 
  }, 
) 
 
const prefix = 'deep-linking://' 
 
const App = createAppContainer(AppNavigator) 
 
const MainApp = () => <App uriPrefix={prefix} /> 
 
export default MainApp 

添加 src/screens/Home.tsx 文件

import React from 'react'; 

添加 src/screens/About.tsx

import React from 'react' 
 
import { StyleSheet, Text, View } from 'react-native' 
 
import { NavigationScreenComponent } from 'react-navigation' 
 
interface IProps {} 
 
interface IState {} 
 
const AboutScreen: NavigationScreenComponent<IProps, IState> = props => { 
  return ( 
    <View style={styles.container}> 
      <Text style={styles.title}>About Page</Text> 
    </View> 
  ) 
} 
 
AboutScreen.navigationOptions = { 
  title: 'About', 
} 
 
export default AboutScreen 
 
const styles = StyleSheet.create({ 
  container: {}, 
  title: {}, 
}) 

（编辑：宣城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!