我为自己缺乏知识而道歉.我想在文件中导入常量值.我家里有两份文件.js和风格.js在同一个目录中.
家js
import React from 'react';
import styles from './styles';
const Home = (props) => {
const HEADER_MAX_HEIGHT = 200;
}
export { HEADER_MAX_HEIGHT };
export default Home;
而且风格各异.js
import { StyleSheet } from 'react-native'
import { HEADER_MAX_HEIGHT } from './Home';
export default StyleSheet.create({
header: {
height: HEADER_MAX_HEIGHT
}
});
但我得到了这个错误
找不到变量:页眉最大高度
如何在样式中访问该变量.js？
try :
家js
import React from 'react';
import styles from './styles';
export const HEADER_MAX_HEIGHT = 200;
const Home = props => <h1>Home</h1>;
export default Home;
风格.js
import { StyleSheet } from 'react-native';
import { HEADER_MAX_HEIGHT } from './Home';
export default StyleSheet.create({
header: {
height: HEADER_MAX_HEIGHT,
},
});
Your HEADER_MAX_HEIGHT needs to be within the 家js file but outside of the Home Component. You can read about it here: Javascript Scope