Selected UI is overlapping on nearest UI and its very hard to touch an item

[Anand3777]

Selected UI is overlapping on nearest UI and its very hard to touch an item, can you please increase the touching position size?

refer the screen shoot.

[aliyigitbireroglu]

Hello, can you also share the code for this screenshot please? This is an unexpected behaviour.

[Anand3777]

see the implemented code below

body: Stack( children: <Widget>[ Container( // width: MediaQuery.of(context).size.width - 40, // color: Colors.orange, height: tabHeight, child: Center( child: Container( padding: EdgeInsets.fromLTRB(0, 10, 0, 10), // color: Colors.red, height: tabHeight, width: MediaQuery.of(context).size.width - 40, child: CupertinoTabBar.CupertinoTabBar( const Color(0xFF3c4245), const Color(0xFF719192), [ const Text( 'Past Order', style: const TextStyle( color: Colors.white, fontSize: 14, fontWeight: FontWeight.w400, fontFamily: 'SFProRounded', ), textAlign: TextAlign.center, ), const Text( 'Current Order', style: const TextStyle( color: Colors.white, fontSize: 14, fontWeight: FontWeight.w400, fontFamily: 'SFProRounded', ), textAlign: TextAlign.center, ), const Text( 'Upcoming Order', style: const TextStyle( color: Colors.white, fontSize: 14, fontWeight: FontWeight.w400, fontFamily: 'SFProRounded', ), textAlign: TextAlign.center, ), ], cupertinoTabBarIIValueGetter, (int index) { setState(() { cupertinoTabBarIIValue = index; }); }, useSeparators: true, ), ), ), ), ])

[aliyigitbireroglu]

At the moment I am working on a new much more advanced version that you can see here. I believe to publish it in a few days which will hopefully solve your problem. I will notify you from here once its ready.

[aliyigitbireroglu]

Please try the updated version, I hope it will solve your problems.