小编Asi*_*man的帖子

我是反应原生的新手。我正在使用 React Native Paper 为所有屏幕提供主题。我还使用反应导航堆栈导航器和抽屉导航器。首先，对于导航，纸张主题在导航组件中不起作用。但如果我不使用反应导航那么它就可以工作。

所以我尝试通过“withTheme”将主题从一个组件传递到另一个组件。但 withTheme 没有给我自定义主题道具。

这是我的 App.js

import { DefaultTheme,Provider as PaperProvider, Drawer, Avatar, withTheme } from 'react-native-paper';
import { createAppContainer,createSwitchNavigator } from 'react-navigation';
import { createDrawerNavigator } from 'react-navigation-drawer' 

const theme = {
  ...DefaultTheme,
  roundness: 8,
  colors: {
    ...DefaultTheme.colors,
    primary: '#ff0000',
    accent: '#000000',
    text: "#cc1111",
    background: "#000000",
    contained: '#000000'
  },
  dark: true
};

class App extends Component {

  render(){
      return(
        <PaperProvider theme={theme}>  
           <switchNavigator />
        </PaperProvider>
      )
  }
};

const switchNavigator = createSwitchNavigator({
  Login: Login,
  dranav: drawyerNavigator …

在我的上一个Mean Stack项目中，我使用了角度弯曲布局，并且工作正常

我开始了一个新的项目，它的角度为7，包括flex layout 8（beta），并收到以下错误

    ERROR in 
    node_modules/@angular/flexlayout/extended/typings/class/class.d.ts(9,19): 
    error TS2305: Module '".../.../node_modules/@angular/common/common"' 
    has no exported member '?NgClassImpl' 

这是我的package.json依赖项：

"dependencies": {
   "@angular/animations": "~7.2.0",
   "@angular/cdk": "^7.3.7",
   "@angular/common": "~7.2.0",
   "@angular/compiler": "~7.2.0",
   "@angular/core": "~7.2.0",
   "@angular/flex-layout": "^8.0.0-beta.25",
   "@angular/forms": "~7.2.0",
   "@angular/http": "^7.2.15",
   "@angular/material": "^7.3.7",
   "@angular/platform-browser": "~7.2.0",
   "@angular/platform-browser-dynamic": "~7.2.0",
   "@angular/router": "~7.2.0",
   "@ng-bootstrap/ng-bootstrap": "^4.1.3",
   "bootstrap": "^4.3.1",
   "core-js": "^2.5.4",
   "hammerjs": "^2.0.8",
   "jquery": "^3.4.1",
   "material-icons": "^0.3.1",
   "popper.js": "^1.15.0",
   "rxjs": "~6.3.3",
   "tslib": "^1.9.0",
   "zone.js": "~0.8.26"
 },

谁能解释为什么会这样？在flex-layout 7.0上工作正常