本机内容黑屏

时间:2018-10-20 11:52:23

标签: android react-native native-base

我正在使用react-native进行编程,当我使用本机基础包中的Content时,总是会出现空白屏幕。 这是我的代码:

import React from 'react';
import { StyleSheet, Text, View} from 'react-native';

import {Content, Container} from 'native-base';
import Swiper from 'react-native-swiper'



export default class App extends React.Component {
  render() {
    return (
      <Container>
        <Content>
          <Swiper>
            <View>
              <Text>Hello</Text>
            </View>
            <View>
              <Text>Chat</Text>
            </View>
          </Swiper>
        </Content>
      </Container>

    );
  }
}

我的想法是我想要2个屏幕,我可以使用react-native-swiper中的Swiper进行滑动。我正在按照教程的说明进行操作,但是此时我只能在我的“应用程序”窗口中看到一个空白屏幕,而讲师却具有正确的刷卡视图。

编辑:我可以将任何东西放到容器中,并且它似乎被显示出来了。

Edit2:这是我的package.json文件,因为它可能是问题的一部分:

{
  "name": "jab",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "native-base": "^2.8.1",
    "react": "^16.6.0-alpha.8af6728",
    "react-native": "^0.57.3",
    "react-native-swiper": "^1.5.13"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.48.1",
    "react-test-renderer": "16.6.0-alpha.8af6728"
  },
  "jest": {
    "preset": "react-native"
  }
}

0 个答案:

没有答案