Can set width for tablet layout ?

[dhachayawat]

same that

[Vizhan]

@dhachayawat You could do like this:
Do not use Scaffold.floatingActionButtonLocation:
Set AnimatedBottomNavigationBar.gapLocation: as GapLocation.none
Create Custom FAB if needed.

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      extendBody: true,
      body: Container(color: Colors.red),
      floatingActionButton: FloatingActionButton(
        elevation: 8,
        child: Icon(Icons.call),
        onPressed: () {},
      ),

      ///No floatingActionButtonLocation here.
      // floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      bottomNavigationBar: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Container(
            constraints: BoxConstraints(maxWidth: 0.6 * MediaQuery.of(context).size.width),
            child: AnimatedBottomNavigationBar.builder(
              itemCount: iconList.length,
              tabBuilder: (int index, bool isActive) {
                final color = isActive ? Colors.green : Colors.white;
                return Column(
                  mainAxisSize: MainAxisSize.min,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(
                      Icons.stream,
                      size: 24,
                      color: color,
                    ),
                    const SizedBox(height: 4),
                    Padding(
                      padding: const EdgeInsets.symmetric(horizontal: 8),
                      child: AutoSizeText(
                        "$index",
                        maxLines: 1,
                        style: TextStyle(color: color),
                        group: autoSizeGroup,
                      ),
                    )
                  ],
                );
              },
              backgroundColor: Colors.black,
              activeIndex: Random().nextInt(4),
              splashColor: Colors.green,
              notchAndCornersAnimation: animation,
              splashSpeedInMilliseconds: 300,
              notchSmoothness: NotchSmoothness.defaultEdge,
              gapLocation: GapLocation.none,
              leftCornerRadius: 32,
              rightCornerRadius: 32,
              onTap: (i) {
                setState(() {});
              },
            ),
          ),
        ],
      ),
    );
  }

[dhachayawat]

Thank you

[vizhan-lanars]

I'm going to close it for now. Feel free to reopen if needed.