时间戳

首页 > 解决方案 > 我的简单反应原生项目不会渲染，有什么建议吗？

javascript - 我的简单反应原生项目不会渲染，有什么建议吗？

问题描述

我正在使用手机上的 expo 应用程序来构建一个简单的反应原生应用程序，但我无法呈现简单的文本。有什么我做错了吗？

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',
  },
});

标签： javascriptreact-native

解决方案

你试过这种方法吗？

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',
  },
});

推荐阅读