A snippet of the adaptive navigation Layout for Reflection.app

adapative_navigation.dart

LayoutBuilder(
      builder: (context, dimension) {
        final isExtended = dimension.maxWidth >= 800;
        final optionalFAB = Offstage(
          offstage: !showFAB,
          child: HomeFAB(
            isExtended: isExtended,
            fabWidth: isExtended ? 188 : 60,
            fabHeight: 60,
          ),
        );

        // Desktop Layout
        if (dimension.maxWidth >= 720) {
          return Scaffold(
            resizeToAvoidBottomInset: false,
            body: Row(
              children: [
                Background(
                  child: ClipRRect(
                    borderRadius: BorderRadius.only(
                      topRight: Radius.circular(30),
                      bottomRight: Radius.circular(30),
                    ),
                    child: NavigationRail(
                      elevation: 1,
                      backgroundColor:
                          theme.colorScheme.background.withOpacity(0.9),
                      extended: isExtended,
                      minExtendedWidth: 150,