新版本的reactnative推荐使用reactnavigation，打开后提示 <a target="_blank" rel="noopener noreferr

打下面的补丁以后可以用： <div class="highlight highlight-source-js notranslate position-relati

index.ios.js: <div class="highlight highlight-source-js notranslate position-relat

<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.github

react-navigation支持吗 about react-web HOT 6 OPEN

jjiangkm commented on July 17, 2024

react-navigation支持吗

from react-web.

Comments (6)

cpunion commented on July 17, 2024

打下面的补丁以后可以用：

import {StyleSheet} from 'react-web'
import { Linking } from 'react-navigation/lib/PlatformHelpers'

Linking.getInitialURL = () => {
  return new Promise(resolve => {
    resolve('')
  })
}

StyleSheet.absoluteFill = StyleSheet.create({
  position: 'absolute',
  left: 0,
  right: 0,
  top: 0,
  bottom: 0
})

注意 import 时一定加上 .js 后缀，否则会导入 react-navigation.web.js，这个没有实现完整：

import {
  StackNavigator,
  TabNavigator
} from 'react-navigation/lib/react-navigation.js'

from react-web.

xiamingyu commented on July 17, 2024

打补丁怎么打

from react-web.

cpunion commented on July 17, 2024

index.ios.js:

import './patch.js'
require('./src') // 用 require 保证在 import patch 之后运行

patch.js

import {StyleSheet} from 'react-web'
import { Linking } from 'react-navigation/lib/PlatformHelpers'

Linking.getInitialURL = () => {
  return new Promise(resolve => {
    resolve('')
  })
}

StyleSheet.absoluteFill = StyleSheet.create({
  position: 'absolute',
  left: 0,
  right: 0,
  top: 0,
  bottom: 0
})

src/index.js

import { AppRegistry } from 'react-native'
import {
  StackNavigator,
  TabNavigator
} from 'react-navigation/lib/react-navigation.js'

// 你的 react native 程序代码...

AppRegistry.registerComponent('...', () => ...)