我刚刚开始学习React Native,并希望添加样式表,它似乎不工作,我试图解决一个问题,但我仍然卡住了,请有人能帮我解决这个问题。顺便说一句,我正在使用React Native。
控制台日志
浏览器结果:
下面是我代码:
const styles = StyleSheet.create({
container: {
flex: 1,
marginTop: 100,
paddingTop: 20,
paddingBottom: 30,
justifyContent: 'center',
alignItems: 'center',
},
tinyPic: {
width: 90,
height: 90,
top: -10
},
gauge: {
position: 'absolute',
width: 140,
height: 140,
alignItems: 'center',
justifyContent: 'center',
},
label1: {
position: 'absolute',
top:15,
right: '115%',
padding: 4
},
label2: {
position: 'absolute',
top:15,
left: '115%',
padding: 4
},
label3: {
position: 'absolute',
top: 145,
left: '95%',
padding: 4
}
});
2条答案
按热度按时间velaa5lx1#
我通过更新react-native来解决此问题:
npm i https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz --save -force
eit6fx6z2#
我在Expo React Native(SDK 47)应用程序中遇到了类似的问题,Webpack告诉我,
我查看了
./node_modules/react-native/Libraries/StyleSheet/normalizeColor.js
,确认它名为require('./PlatformColorValueTypes')
。当我查看
./node_modules/react-native/Libraries/StyleSheet/
时,发现Webpack是正确的,normalizeColor.js
没有名为PlatformColorValueTypes.js
的兄弟文件,但是有名为PlatformColorValueTypes.ios.js
和PlatformColorValueTypes.android.js
的兄弟文件。为了解决这个问题,我编辑了我的
webpack.config.js
文件,以包括.ios.js
、.android.js
和.web.js
扩展名,作为Webpack可以解析的扩展名: