ios和android上的Rect本机完全相同的头?

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

我正在做一个reactnative项目,我必须在ios和android上用完全相同的topbar制作两个应用程序 可能吗?即使它不是本机头 或者我必须定制android topbar,这样看起来就和ios一样了

提前谢谢!
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()}>
);
}
}
并禁用导航默认标题

现在,在您的代码顶部导入这个标题,无论您想在哪里。完全一样

希望能有帮助。不要怀疑