ios和android上的Rect本机完全相同的头?
我正在做一个reactnative项目,我必须在ios和android上用完全相同的topbar制作两个应用程序 可能吗?即使它不是本机头 或者我必须定制android topbar,这样看起来就和ios一样了 提前谢谢!ios和android上的Rect本机完全相同的头?,android,ios,react-native,Android,Ios,React Native,我正在做一个reactnative项目,我必须在ios和android上用完全相同的topbar制作两个应用程序 可能吗?即使它不是本机头 或者我必须定制android topbar,这样看起来就和ios一样了 提前谢谢! Maxime尝试制作如下自定义标题: import React, {Fragment, Component} from 'react'; import {View, Text, TouchableOpacity, Image, SafeAreaView} from 'reac
Maxime尝试制作如下自定义标题:
import React, {Fragment, Component} from 'react';
import {View, Text, TouchableOpacity, Image, SafeAreaView} from 'react-native';
import {
widthPercentageToDP as wp,
heightPercentageToDP as hp,
} from 'react-native-responsive-screen';
import {headerStyles} from '../style/headerStyles';
export default class Header extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
return (
<View
style={{
flexDirection: 'row',
paddingBottom: hp('3.125%'),
justifyContent: 'space-between',
alignItems: 'center',
}}>
<View style={{opacity: 0}}>
<Image source={require('../assets/images/crossIcon.png')} />
</View>
<View style={{flexShrink: 1}}>
<Text style={headerStyles.headerText}>{this.props.title}</Text>
</View>
<View style={{left: -20, paddingLeft: 10, marginLeft: 10}}>
<TouchableOpacity
style={headerStyles.imageView}
onPress={() => this.props.navigation.goBack()}>
<Image
style={{height: 15, width: 15}}
source={require('../assets/images/crossIcon.png')}
/>
</TouchableOpacity>
</View>
</View>
);
}
}
import React,{Fragment,Component}来自'React';
从“react native”导入{View、Text、TouchableOpacity、Image、SafeAreaView};
进口{
宽度百分比TODP作为wp,
高度百分比TODP作为hp,
}来自“反应本机响应屏幕”;
从“../style/headerStyles”导入{headerStyles};
导出默认类头扩展组件{
建造师(道具){
超级(道具);
this.state={};
}
render(){
返回(
{this.props.title}
this.props.navigation.goBack()}>
);
}
}
并禁用导航默认标题
现在,在您的代码顶部导入这个标题,无论您想在哪里。完全一样
希望能有帮助。不要怀疑