how to using it in cupertino scaffold? about bubble_bottom_bar

[westdabestdb]

I have no idea 😶 Let me try that in next few hours and give you a proper answer. I feel like this will be a nice feature to have if developers are not able to use it in Cupertino.

[lucasjinreal]

@westdabestdb Thanks and hoping for your enchancement! For reference, I am currently building cupertino tabs like this:

CupertinoTabBar(
            backgroundColor: globalNavBlackColor,
            border: Border(),
            onTap: (i) {
              switch (i) {
                case 0:
                  globalVoicePlayer.playClickSound1();
                  break;
                case 1:
                  globalVoicePlayer.playClickSound2();
                  break;
                default:
                  globalVoicePlayer.playClickSound1();
                  break;
              }
            },
            activeColor: globalMainChatColor,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(
                  MyFlutterApp.chat_inv,
                  size: 24.0,
                ),
                title: Text(
                  '聊天',
                  style: TextStyle(
                    fontFamily: 'JyuuGothic',
                  ),
                ),
              ),
              BottomNavigationBarItem(
                // icon: Icon(CupertinoIcons.profile_circled),
                icon: Icon(
                  MyFlutterApp.comment_inv_alt,
                  size: 24.0,
                ),
                title: Text(
                  '72h聊',
                  style: TextStyle(
                    fontFamily: 'JyuuGothic',
                  ),
                ),
              ),
              BottomNavigationBarItem(
                // icon: Icon(CupertinoIcons.profile_circled),
                icon: Icon(
                  MyFlutterApp.favorite,
                  size: 24.0,
                ),
                title: Text(
                  '好友',
                  style: TextStyle(
                    fontFamily: 'JyuuGothic',
                  ),
                ),
              ),
              BottomNavigationBarItem(
                icon: Icon(
                  MyFlutterApp.camera,
                  size: 24.0,
                ),
                title: Text(
                  '探索',
                  style: TextStyle(
                    fontFamily: 'JyuuGothic',
                  ),
                ),
              ),
              BottomNavigationBarItem(
                icon: Icon(
                  MyFlutterApp.user_2,
                  size: 24.0,
                ),
                title: Text(
                  '我',
                  style: TextStyle(
                    fontFamily: 'JyuuGothic',
                  ),
                ),
              ),
            ],
            
        
          ),
          tabBuilder: (BuildContext context, int index) {
            assert(index >= 0 && index <= 4);
            switch (index) {
              case 0:
                return CupertinoTabView(
                  builder: (BuildContext context) => TabPage1(),
                  defaultTitle: '$appName',
                );
                break;

              case 1:
                return CupertinoTabView(
                  builder: (BuildContext context) => TabPage6(),
                  defaultTitle: '西客',
                );
                break;
              case 2:
                return CupertinoTabView(
                  builder: (BuildContext context) => TabPage2(),
                  defaultTitle: 'Contacts',
                );
                break;
              case 3:
                return CupertinoTabView(
                  builder: (BuildContext context) => TabPage3(),
                  defaultTitle: 'Expore',
                );
                break;
              case 4:
                return CupertinoTabView(
                  builder: (BuildContext context) => TabPage4(),
                  defaultTitle: 'Me',
                );
                break;
            }
            return null;
          },
        ),

Currently, seems can not intergrate into it.