fragment_navigate 1.0.1

A controller to make the effect of swapping fragments like in native Android.

example/main.dart

import 'package:fragment_navigate/navigate-bloc.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Main(),
    );
  }
}

final String a = 'a';
final String b = 'b';
final String c = 'c';
final String d = 'd';

class Main extends StatelessWidget {
  static final FragNavigate _fragNav = FragNavigate(
      firstKey: a,
      drawerContext: null,
      screens: <Posit>[
        Posit(
          key: a,
          title: 'Title A',
          icon: Icons.settings,
          fragment: Container(color: Colors.amberAccent,)
        ),
        Posit(
          key: b,
          title: 'Title B',
          drawerTitle: 'Diff in B',
          icon: Icons.settings,
          fragment: SecondScreen()
        ),
        Posit(
          key: c,
          title: 'Title C',
          icon: Icons.settings,
          fragment: Container(color: Colors.blueAccent,)
        ),
        Posit(
          key: d,
          title: 'Title D',
          icon: Icons.settings,
          fragment: Text('qqqq')
        ),
      ],
      actionsList: [
        ActionPosit(
          keys: [a, b, c],
          actions: [
            IconButton(
              icon: Icon(Icons.add),
              onPressed: (){
                _fragNav.action('teste');
              }
            )
          ]
        )
      ],
      bottomList: [
        BottomPosit(
          keys: [a, b, c],
          length: 2,
          child: TabBar(
            indicatorColor: Colors.white,
            tabs: <Widget>[
              Text('a'),
              Text('b')
            ],
          )
        )
      ]
  );

  @override
  Widget build(BuildContext context) {
    _fragNav.setDrawerContext = context;

    return StreamBuilder<FullPosit>(
        stream: _fragNav.outStreamFragment,
        builder: (con, s){
          if(s.data != null){
            return DefaultTabController(
                length: s.data.bottom.length,
                child: Scaffold(
                  key: _fragNav.drawerKey,
                  appBar: AppBar(
                    title: Text(s.data.title),
                    actions: s.data.actions,
                    bottom: s.data.bottom.child,
                  ),
                  drawer: CustomDrawer(fragNav: _fragNav),
                  body: ScreenNavigate(
                      child: s.data.fragment,
                      bloc: _fragNav
                  ),
                )
            );
          }

          return Container();
        }
    );
  }
}

class SecondScreen extends StatelessWidget implements ActionInterface{
  @override
  Widget build(BuildContext context) {
    return Container(color: Colors.purple,);
  }

  @override
  void action(String tag, {Object params}) {
    print('called on secondScreen with tag: $tag');
  }

  @override
  void onBackPressed() {
    // TODO: implement onBackPressed
  }

  @override
  void onDie() {
    // TODO: implement onDie
  }

  @override
  void onPause() {
    // TODO: implement onPause
  }

  @override
  void onPut() {
    // TODO: implement onPut
  }

  @override
  void onReplace() {
    // TODO: implement onReplace
  }

  @override
  void onResume() {
    // TODO: implement onResume
  }
}

class CustomDrawer extends StatelessWidget {
  final FragNavigate fragNav;
  const CustomDrawer({@required this.fragNav});

  Widget _getItem({@required String currentSelect, @required text, @required key, @required icon}){
    Color _getColor() => currentSelect == key ? Colors.white : Colors.black87;

    return Material(
        color: currentSelect == key ? Colors.blueAccent : Colors.transparent,
        child: ListTile(
          leading: Icon(icon, color: currentSelect == key ? Colors.white : null),
          selected: currentSelect == key,
          title: Text(text, style: TextStyle(color: _getColor())),
          onTap: () => fragNav.putPosit(key: key),
        )
    );
  }

  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        children: <Widget>[
          DrawerHeader(
            child: Text('Drawer Header'),
            decoration: BoxDecoration(
              color: Colors.blueAccent,
            ),
          ),
          for(Posit item in fragNav.screenList.values) _getItem(
              currentSelect: fragNav.currentKey,
              text: item.drawerTitle ?? item.title,
              key: item.key,
              icon: item.icon
          )
        ],
      ),
    );
  }
}