スタイルファイルを分割しようとすると、アプリはレンダリングされず、いつも背景のスピナーが表示されます

Question

image of CMD スタイルを実行する前に、同じファイルが使用されていました。私たちはすべてのスタイルをカットし、別のファイルに貼り付けました。これはどのように見えるかです。

import React, {Component} from "react"; 
import {Dimensions} from "react-native"; 
const win = Dimensions.get('window'); 

const styles={ 
    content: { 

    justifyContent:'center' 
}, 

    img: { 
    flex: 1, 
    alignSelf: "stretch", 
    width: win.width, 
     height: win.height, 

    }, 


    item:{ 
borderBottomColor: "#0dc49c" 
    }, 

    icon:{ 
color: "#a4916c", 
marginLeft: 10, 
    marginRight: 5 
    }, 

    input:{ 
    color: "#a4916c" 
    }, 

    list:{ 
    borderBottomWidth: 0, 
    borderTopWidth: 0, 
    borderBottomColor: "#a4916c", 
    }, 

    contacticon: { 
    justifyContent: "center", 
    alignSelf: "center", 
    fontSize: 60, 
    fontWeight: "bold", 
    color: "#0dc49c", 
    marginBottom: 2, 
    }, 
    contacttext: { 
    justifyContent: "center", 
    alignSelf: "center", 
    fontSize: 25, 
    color: "#0dc49c", 
    marginBottom: 180, 
    }, 

} 

module.exports = styles; 

コンポーネントと同じファイル上にあったときは、重複したスタイルのために完全に処理されていました。なにが問題ですか？どのように修正することができますか？

Answer 1

はあなたのコンポーネントでそれをインポートするにはどうすればよいこの

import styles from "../styles/file