title: error [Get] the improper use of a GetX has been detected. using bottomNavigationBar
body: <p>I'm trying to implement a bottomNavigationBar, but I can't finish it, I'm using Get to handle the routes and the state of the application.</p>
  <p>I'm new to flutter, but reading the documentation I still don't understand</p>
  <p>This is the main widget.</p>
  <pre><code>Widget build(BuildContext context) {
  return SafeArea(
    child: Scaffold(
        appBar: AppBar(
          backgroundColor: AppColors.black,
          title: Center(
            child: CommonAssetImage(
              asset: 'logo.png',
              color: AppColors.white,
              height: 30,
            ),
          ),
        ),
        body: BodyTabsScreen(),
        bottomNavigationBar: HomeScreenBottomNavigatorBar()),
  );
  </code></pre>
  <p>}</p>
  <p>then,I have this widget where call other widget.In this widget I using Obs.</p>
  <pre><code>class HomeScreenBottomNavigatorBar extends StatelessWidget {
    const HomeScreenBottomNavigatorBar({Key key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      return Material(
        elevation: 10,
        color: AppColors.white,
        child: Container(
          height: 60,
          padding: const EdgeInsets.symmetric(horizontal: 27),
          color: AppColors.white,
          child: Obx(() {
            return Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                TabsScreenBottomNavigationTab(
                    isActive: true,
                    label: 'Buy',
                    icon: Icons.home,
                    onTap: () {}),
                TabsScreenBottomNavigationTab(
                    label: 'My account',
                    // icon: IkramIcons.user,
                    // iconSize: 20,
                    icon: (Icons.home),
                    onTap: () {}),
              ],
            );
          }),
        ),
      );
  
    }
  }
  </code></pre>
  <pre><code>class TabsScreenBottomNavigationTab extends StatelessWidget {
    final String label;
    final IconData icon;
    final Widget image;
    final VoidCallback onTap;
    final bool isActive;
    final double iconSize;
    const TabsScreenBottomNavigationTab({
      Key key,
      this.label,
      this.icon,
      this.image,
      this.onTap,
      this.isActive,
      this.iconSize = 20,
    }) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      final _inactiveTextStyle = Theme.of(context).textTheme.bodyText2;
      final _activeTextStyle =
          _inactiveTextStyle.copyWith(color: AppColors.white);
      const _commonDuration = Duration(milliseconds: 200);
      final _availableSpace = MediaQuery.of(context).size.width - 27 * 2;
      final _inactiveWidth = _availableSpace * .2;
      final _activeWidth = _availableSpace * .35;
      return AnimatedContainer(
        duration: _commonDuration,
        width: isActive ? _activeWidth : _inactiveWidth,
        height: 35,
        child: Material(
          color: Colors.transparent,
          shape: const StadiumBorder(),
          clipBehavior: Clip.antiAlias,
          child: AnimatedContainer(
            duration: _commonDuration,
            child: Material(
              color: Colors.transparent,
              child: InkWell(
                onTap: onTap,
                child: AnimatedDefaultTextStyle(
                  style: isActive ? _activeTextStyle : _inactiveTextStyle,
                  duration: _commonDuration,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      if (icon != null)
                        Icon(
                          icon,
                          size: iconSize,
                          color: isActive ? AppColors.white : AppColors.black,
                        ),
                      if (image != null) image,
                      if (isActive)
                        Container(
                          margin: const EdgeInsets.only(left: 8),
                          child: Text(label),
                        )
                    ],
                  ),
                ),
              ),
            ),
          ),
        ),
      );
    }
  }
  </code></pre>