反应原生错误找不到变量：样式

Question

我是 React-native 的新手。我正在尝试为组件中的视图元素设置样式，并且在尝试应用样式标签时，出现以下错误：
注意： 我的样式标签在单独的 js 文件中
在styles.js 中

import {Dimensions} from 'react-native';

    const DEVICE_WIDTH= Dimensions.get('window').width;
    const DEVICE_HEIGHT= Dimensions.get('window').height;

    export default {
       container:{
          backgroundColor: 'white',
          flex:1 ,
          width: DEVICE_WIDTH,
          height: DEVICE_HEIGHT,
         }
    };

在 Main.js 文件中

import React,{ Component } from 'react';
import { Router,Scene,Actions} from "react-native-router-flux";
import {View} from 'react-native';

import styles from './styles.js'

class Main extends Component{

render(){
    return(
            <View style={styles.container} >
                    <Text>
                        Hello pages
                    </Text>
            </View>

    );
  }
}

 export default Main;

错误画面：

Answer 1

你需要像这样使用 StyleSheet.create

export default StyleSheet.create({
container: {
    backgroundColor: 'rgb(249, 250, 252)',
  },
})

还要检查您是否正确导入了styles.js，并且您也不需要像这样导入.js

import styles from './styles'