[英]Blank screen: can't see my design from imported file
我無法從導入的文件中看到我的設計,我只能看到設置頁面的背景顏色
我嘗試修改容器並在其中添加其他文件。 正如您將看到的,有兩組代碼,第一組是菜單按鈕,預期的設計應該是一條白線,第二組是設置頁面
import React from 'react';
import {StyleSheet, View} from "react-native" ;
export default class MenuButton extends React.Component {
render() {
return(
<View lines={line.menuIcon}>
</View>
)
}
}
const line = StyleSheet.create({
menuIcon: {
flex: 1,
backgroundColor : 'rgba(215, 215, 215, 1)',
top : 4,
height : 1,
width : 6,
position : 'absolute',
margin : 0,
left : 0,
borderRadius : 0,
borderStyle : 'solid',
borderWidth : 1,
borderColor : 'rgba(255, 255, 255, 1)'
}})
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MenuButton from './Menu/MenuButton'
export default class SettingScreen extends React.Component{
render(){
return(
<View style={styles.container}>
<MenuButton/>
<Text style={styles.text}>Settings</Text>
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'rgba(0,0,0,0.0)',
alignItems: 'center',
justifyContent: 'center',
},
text:{
fontSize: 30,
}
});
@Camille Basbous 我認為您在 MenuButton 文件中弄錯了。 只需將您的lines={line.menuIcon}
更改為style={line.menuIcon}
import React from 'react';
import {StyleSheet, View} from "react-native" ;
export default class MenuButton extends React.Component {
render() {
return(
<View style={line.menuIcon}>//<-----here you have used lines instead of styles
</View>
)
}
}
第二個是你給了backgroundColor: 'rgba(0,0,0,0.0)'
在 SettingScreen 意味着黑色與 alpha 0 不幸的是白色。 並且 MenuButton 文件的邊框顏色也是borderColor : 'rgba(255, 255, 255, 1)'
= White。 因此,您將無法在屏幕上看到白色更改顏色。
我已經用你的代碼嘗試了一些東西,只是改變了邊框的顏色和寬度。 https://snack.expo.io/rJHD74e9V
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.