我无法从导入的文件中看到我的设计,我只能看到设置页面的背景颜色
我尝试修改容器并在其中添加其他文件。正如您将看到的,有两组代码,第一组是菜单按钮,预期的设计应该是白线,第二组是设置页面
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,
}
});