我正在嘗試一個應用程式的原型，它也需要在 Web 瀏覽器上兼容。但是，我在瀏覽器上運行它時遇到了困難，而它實際上可以在 android 模擬器中運行。
我收到以下錯誤：ReferenceError: defaultStyles is not defined
這是目前我的代碼。我不知道我哪里出錯了，因此正在用更多的知識轉向你。
import { StyleSheet } from "react-native";
export default defaultStyles = StyleSheet.create({
textInput: {
height: 40,
margin: 12,
borderWidth: 1,
padding: 10,
width: 200
},
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
centerHorizontal: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
centerVertical: {
flex: 1,
justifyContent: 'center',
flexDirection: 'column'
},
centerCenter: {
flex: 1,
justifyContent: 'center',
flexDirection: 'column',
alignItems: 'center'
}
});
uj5u.com熱心網友回復：
將匯出更改為：
export default StyleSheet.create({
....
});
uj5u.com熱心網友回復：
將匯出更改為 const defaultStyles = StyleSheet.create({
在最終使用 export { defaultStyles }
頁內 import {defaultStyles} from '../path/filename'
用 style={defaultStyles.container}
或者
用 export default StyleSheet.create({
頁內 import [defaultStyles/ANY NAME] from '../path/filename'
用 style={defaultStyles.container}
uj5u.com熱心網友回復：
我建議你說：
const defaultStyles = Stylesheet.create({});
export default defaultStyles;
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/315554.html