小编Mis*_*aOS的帖子

将 Expo LinearGradient 设置为整个 React Native 应用程序的背景

我正在使用react-navigation,并且我有一个抽屉导航器,其中嵌套了一个stackNavigator,如何使用Expo LinearGradient为整个应用程序设置渐变背景,而不必在<LinearGradient>其渲染方法中包装每个屏幕组件?

PS:我尝试用app.js 中的<MyApp />组件包裹组件<LinearGradient>,但组件似乎<MyApp />用自己的背景覆盖了整个屏幕,因此看不到线性渐变。

导航码

const HomeStack = createStackNavigator({
  Home: {
    screen: Home
  },
  Results: {
    screen: Results
  },
}, {
  navigationOptions: {
    header: null
  }
})


const MyApp = createDrawerNavigator({
  Home: {
    screen: HomeStack,
    navigationOptions: {
      title: '...'
    }
  },
  Info: {
    screen: Info,
    navigationOptions: {
      title: '.....'
    }
  },
}, {
  drawerPosition: '....',
  contentOptions: {
    itemStyle: {
      alignSelf: '....',
    },
    labelStyle: {
      fontFamily: '....'
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

linear-gradients react-native react-navigation expo

5
推荐指数
1
解决办法
5706
查看次数