minaxorg / flutter_intro Goto Github PK

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'My App',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
          useMaterial3: true,
        ),
        home: Intro(
          padding: EdgeInsets.zero,
          borderRadius: const BorderRadius.all(Radius.circular(4)),
          maskColor: const Color.fromRGBO(0, 0, 0, .6),
          child: const MyHomePage(title: 'Flutter Demo Home Page'),
        ));
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  List tabs = ["Tab1", "Tab2", "Tab3"];
  int _tabIndex = 0;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: tabs.length, vsync: this);

    _tabController.addListener(() {
      var index = _tabController.index;
      switch (index) {
        case 0:
          setState(() {
            _tabIndex = 0;
          });
          break;
        case 1:
          setState(() {
            _tabIndex = 1;
          });
          break;
        case 2:
          setState(() {
            _tabIndex = 2;
          });
          break;
        default:
          break;
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("App Name"),
        bottom: TabBar(
          controller: _tabController,
          tabs: tabs.map((e) => Tab(text: e)).toList(),
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: tabs.map((e) {
          return KeepAliveWrapper(
            child: Container(
              alignment: Alignment.center,
              child: Text(e, textScaleFactor: 5),
            ),
          );
        }).toList(),
      ),
      floatingActionButton: _buildFab(),
    );
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  Widget _buildFab() {
    return IntroStepBuilder(
      order: 1,
      group: _getGroupName(),
      text: 'page: $_tabIndex',
      builder: (context, key) => FloatingActionButton(
          key: key,
          backgroundColor: _getBgColor(),
          onPressed: () {
            Intro.of(context).start(group: _getGroupName());
          },
          child: Icon(_getIconData(), color: Colors.white, size: 25)),
    );
  }

  String _getGroupName() {
    String name = 'group$_tabIndex';
    print('group name:$name');
    return name;
  }

  Color _getBgColor() {
    switch (_tabIndex) {
      case 0:
        return Colors.green;
      case 1:
        return Colors.red;
      case 2:
        return Colors.blue;
      default:
        return Colors.black;
    }
  }

  IconData _getIconData() {
    switch (_tabIndex) {
      case 0:
        return Icons.add;
      case 1:
        return Icons.access_time;
      case 2:
        return Icons.add_a_photo;
      default:
        return Icons.abc_sharp;
    }
  }
}

IntroStepBuilder(
        order: 15,
        overlayBuilder: (StepWidgetParams params) => IntroWidget( //my custom card intro widget
          introText[14],
          params,
          previousCallBack: () async{ //when client click on previous button
               Get.back();
               await Future.delayed(Duration(seconds: 1));
               params.onPrev!();
          }
          nextCallBack: () async { //when client click on next button
             Get.to( ()=> NewPage());
             await Future.delayed(Duration(milliseconds: 1000));
             params.onNext!();
          },
        ),
        builder: (context, key) => Container(
          key: key,
          child: ....
         )
    )

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'My App',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
          useMaterial3: true,
        ),
        home: Intro(
          padding: EdgeInsets.zero,
          borderRadius: const BorderRadius.all(Radius.circular(4)),
          maskColor: const Color.fromRGBO(0, 0, 0, .6),
          child: const MyHomePage(title: 'Flutter Demo Home Page'),
        ));
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  List tabs = ["Tab1", "Tab2", "Tab3"];
  int _tabIndex = 0;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: tabs.length, vsync: this);

    _tabController.addListener(() {
      var index = _tabController.index;
      switch (index) {
        case 0:
          setState(() {
            _tabIndex = 0;
          });
          break;
        case 1:
          setState(() {
            _tabIndex = 1;
          });
          break;
        case 2:
          setState(() {
            _tabIndex = 2;
          });
          break;
        default:
          break;
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IntroStepBuilder(
          group: 'group0',
          order: 1,
          text: 'Navigation Menu',
          builder: (context, key) => IconButton(
            key: key,
            onPressed: () {
              // Scaffold.of(context).openDrawer();
            },
            icon: const Icon(Icons.menu),
          ),
        ),
        title: const Text("App Name"),
        bottom: TabBar(
          controller: _tabController,
          tabs: tabs.map((e) => Tab(text: e)).toList(),
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: tabs.map((e) {
          return KeepAliveWrapper(
            child: Container(
              alignment: Alignment.center,
              child: Text(e, textScaleFactor: 5),
            ),
          );
        }).toList(),
      ),
      floatingActionButton: _buildFab(),
    );
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  Widget _buildFab() {
    return IntroStepBuilder(
      order: 2,
      group: _getGroupName(),
      text: 'page: $_tabIndex',
      onWidgetLoad: () {
        Intro.of(context).start(group: _getGroupName());
      },
      builder: (context, key) => FloatingActionButton(
          key: key,
          backgroundColor: _getBgColor(),
          onPressed: () {
          },
          child: Icon(_getIconData(), color: Colors.white, size: 25)),
    );
  }

  String _getGroupName() {
    String name = 'group$_tabIndex';
    print('group name:$name');
    return name;
  }

  Color _getBgColor() {
    switch (_tabIndex) {
      case 0:
        return Colors.green;
      case 1:
        return Colors.red;
      case 2:
        return Colors.blue;
      default:
        return Colors.black;
    }
  }

  IconData _getIconData() {
    switch (_tabIndex) {
      case 0:
        return Icons.add;
      case 1:
        return Icons.access_time;
      case 2:
        return Icons.add_a_photo;
      default:
        return Icons.abc_sharp;
    }
  }
}