javascript - 我的简单 react native 项目不会呈现，有什么建议吗？

Question

我正在手机上使用 expo 应用程序来构建一个简单的 React Native 应用程序，但我无法渲染简单的文本。我是不是做错了什么？

import React, { Component } from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import bball from './assets/bball.jpeg'

export default class App extends Component {
  render() {
    let pic = {
      uri: bball
    }
    return (
      <View style={styles.container}>
        <Text>hello, world</Text>
        <Image source={{pic}} />
      </View>
    )
  }
}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Answer 1

这个方法你试过吗？

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

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>hello, world</Text>
        <Image source={require('./assets/bball.jpeg')} />
      </View>
    )
  }
}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});