Question

我在当前的本机应用中使用了react-native-navigation，而且我遇到了问题。我的应用程序上有一个导航栏，左侧按钮作为抽屉菜单的切换，右侧按钮是链接到我们公司网站的徽标。

徽标在导航栏中设置如下：

icon: require('../logos/BB-Icon.png')

在Android上查看应用程序时，我得到以下结果 as seen here

但是，在iOS上我得到this。

我搜索了这些文档，似乎无法找到任何能够像iOS一样将iOS中的导航栏置于中心位置的内容。

环境：

React Native Navigation版本：1.1.444
React Native version：0.52.0
设备信息：Android：运行Android 8.0.0的三星Galaxy S9 // iOS：运行iOS 11.3的iPhone X模拟器

Answer 1

在2.17中，您可以像这样修改lib/ios/RNNUIBarButtonItem.m：

-(instancetype)init:(NSString*)buttonId withIcon:(UIImage*)iconImage {
    UIButton* button = [[UIButton alloc] init];
    [button addTarget:self action:@selector(onButtonPressed) forControlEvents:UIControlEventTouchUpInside];
    [button setImage:iconImage forState:UIControlStateNormal];
    [button setFrame:CGRectMake(0, 0, iconImage.size.width, iconImage.size.height)];
    self = [super initWithCustomView:button];
    self.buttonId = buttonId;
// Align left or right here.
    button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
    return self;
}

我不知道您是否可以在1.x版中执行类似的操作。希望这会有所帮助。

React-Native-Navigation图标对齐

1 个答案: