iOS flutter 混编 tabBar 隐藏flutter 界面出现黑边

1 篇文章 0 订阅

记录 问题

问题描述,

在UITabBarController 中加一个 flutter 界面,

flutter 界面跳转到二级页面,隐藏tabbar 

tabbar 位置出现黑色底边,flutter 页面不能全屏。

解决方法 :

自己的 controller 继承 FlutterViewController 

重写viewDidAppear方法

找到self.view 上的子控件,重设frame 

- (void)viewDidAppear:(BOOL)animated{

    [super viewDidAppear:animated];

    self.tabBarController.tabBar.hidden = NO;

    NSArray *views = self.view.subviews;

    UIScrollView *scrollerView;

    for (UIView *view in views) {

        if ([view isKindOfClass:[UIScrollView class]]) {

            scrollerView = (UIScrollView *)view;

        }

    }

    self.view.frame = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);

    scrollerView.frame = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);

}

 

相关代码:

 

- (instancetype)init

{

    self = [super init];

    if (self) {

        [self setInitialRoute:@"home"];

        NSString *channelName = @"zhe li  sui yi xie";

        FlutterMethodChannel *methodChannel = [FlutterMethodChannel methodChannelWithName:channelName binaryMessenger:[self binaryMessenger]];

        NSString *eventName = @"zhe li  sui yi xie";

        self.eventChannel = [FlutterEventChannel eventChannelWithName:eventName binaryMessenger:[self binaryMessenger]];

        [self.eventChannel setStreamHandler:self];

        [methodChannel setMethodCallHandler:^(FlutterMethodCall * _Nonnull call, FlutterResult  _Nonnull result) {

            NSLog(@"method=%@ \narguments = %@", call.method, call.arguments);

            if ([call.method isEqualToString:@"scan"]) {

                NSLog(@"扫码");

            }

            if ([call.method isEqualToString:@"config"]) {

                NSDictionary *dic = @{@"baseURL":CommonURL,@"token":[kUserDefaults objectForKey:UserToken],@"themeType":@NO};

                result(dic);

            }

            if ([call.method isEqualToString:@"setToolBar"]) {

                BOOL hidden = call.arguments;

                if ([call.arguments isEqual:@"true"]) {

                    hidden = YES;

                }else{

                    hidden = NO;

                }

                self.tabBarController.tabBar.hidden  = hidden;

                result(@YES);

            }

            

            if ([call.method isEqualToString:@"logout"]) {

                NSLog(@"退出登录");

            }

        }];

    }

    return self;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter 中,你可以使用 `CupertinoTabBar` 和 `CupertinoTabScaffold` 来实现带有动画的 TabBar 切换效果。下面是一个简单的示例代码: ```dart import 'package:flutter/cupertino.dart'; class MyTabScreen extends StatefulWidget { @override _MyTabScreenState createState() => _MyTabScreenState(); } class _MyTabScreenState extends State<MyTabScreen> { int _currentIndex = 0; @override Widget build(BuildContext context) { return CupertinoTabScaffold( tabBar: CupertinoTabBar( items: [ BottomNavigationBarItem( icon: Icon(CupertinoIcons.home), label: 'Home', ), BottomNavigationBarItem( icon: Icon(CupertinoIcons.search), label: 'Search', ), BottomNavigationBarItem( icon: Icon(CupertinoIcons.person), label: 'Profile', ), ], currentIndex: _currentIndex, onTap: (index) { setState(() { _currentIndex = index; }); }, ), tabBuilder: (BuildContext context, int index) { return CupertinoTabView( builder: (BuildContext context) { switch (index) { case 0: return HomeScreen(); case 1: return SearchScreen(); case 2: return ProfileScreen(); default: return Container(); } }, ); }, ); } } class HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return CupertinoPageScaffold( navigationBar: CupertinoNavigationBar( middle: Text('Home'), ), child: Center( child: Text('Home Screen'), ), ); } } class SearchScreen extends StatelessWidget { @override Widget build(BuildContext context) { return CupertinoPageScaffold( navigationBar: CupertinoNavigationBar( middle: Text('Search'), ), child: Center( child: Text('Search Screen'), ), ); } } class ProfileScreen extends StatelessWidget { @override Widget build(BuildContext context) { return CupertinoPageScaffold( navigationBar: CupertinoNavigationBar( middle: Text('Profile'), ), child: Center( child: Text('Profile Screen'), ), ); } } ``` 在这个示例中,我们使用 `CupertinoTabScaffold` 和 `CupertinoTabBar` 来创建底部TabBar,然后在 `tabBuilder` 方法中根据索引值切换显示不同的页面。在 `onTap` 回调中,我们可以更新 `_currentIndex` 的值来实现切换 Tab 时的动画效果。 以上是一个基本的示例,你可以根据自己的需求进行定制和修改。希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值