从React Native导入StyleSheet时,未定义不是对象

时间:2017-11-25 03:24:19

标签: javascript reactjs react-native ecmascript-6

我正在尝试使用Expo创建iOS应用,但在设备上运行时出现错误。这是我的App.js

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

const styles = React.StyleSheet.create({
    container: {
        paddingTop:40,
    },
});

class TaskList extends React.Component {
    render() {
        return (
            <View style = {styles.container}>
                <Text>Hi, This is  a TaskList!</Text>
            </View>
        )
    }

}
export default TaskList;

但我得到的错误是:

  

'undefined不是对象'(评估'_react3.default.Stylesheet.create')

1 个答案:

答案 0 :(得分:3)

您正试图从StyleSheet访问React,但这不存在!您已经从React Native模块导入了StyleSheet,只需简单地引用它:

const styles = StyleSheet.create({ //NOT React.StyleSheet
  container: {
    paddingTop:40,
  },
});