ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

视频直播系统源码,平台在日间和夜间模式之间来回切换

2022-01-06 14:31:49  阅读:189  来源: 互联网

标签:statefulWidget title Flutter 直播 context router 日间 源码 desc


视频直播系统源码,平台在日间和夜间模式之间来回切换实现的相关代码

import 'package:flutter/material.dart';
import 'package:flutter_widget/router/applicationRouterGradual.dart';
import 'package:flutter_widget/router/applicationRouterSlide.dart';
import 'package:flutter_widget/widget/layout.dart';
 
class HomeContent extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _HomeContentState();
  }
}
 
class _HomeContentState extends State<HomeContent> {
  final List arrayRouter = [
    {
      'router': '/statelessWidget',
      'title': 'statelessWidget 容器组件',
      'desc': 'statelessWidget 容器组件'
    },
    {
      'router': '/statefulWidget',
      'title': 'statefulWidget 容器组件',
      'desc': 'statefulWidget 容器组件'
    },
    {
      'router': '/statefulWidget',
      'title': 'statefulWidget 容器组件',
      'desc': 'statefulWidget 容器组件'
    },
    {
      'router': '/gesturePage',
      'title': 'Flutter 手势识别',
      'desc': 'Flutter 手势识别',
    },
    {
      'router': '/assetsSource',
      'title': 'Flutter 资源加载',
      'desc': 'Flutter 资源加载',
    },
    {
      'router': '/openApplicaiton',
      'title': 'Flutter 打开第三方应用',
      'desc': 'Flutter 打开第三方应用',
    },
    {
      'router': '/flutterLife',
      'title': 'Flutter Widget 生命周期',
      'desc': 'Flutter Widget 生命周期',
    },
    {
      'router': '/flutterApplicationLife',
      'title': 'Flutter 应用 生命周期',
      'desc': 'Flutter 应用 生命周期',
    },
  ];
  bool modelDay = true;
  Brightness appBrightness = Brightness.light;
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      title: 'Flutter 基础学习',
      theme: ThemeData(
        // fontFamily: 'TianShi',//全局字体设置
        brightness: appBrightness,
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text("flutter 组件的学习"),
          actions: [
            Center(child: Text("主题切换")),
            Switch(
                activeColor: Colors.orange,
                value: modelDay,
                onChanged: (value) {
                  setState(() {  //切换主题
                    this.modelDay = value;
                    appBrightness =
                        this.modelDay ? Brightness.light : Brightness.dark;
                  });
                })
          ],
        ),
        body: SingleChildScrollView(
          child: Center(
            child: Column(
              children: arrayRouter
                  .map(
                    (item) => MaterialButton(
                      onPressed: () {
                        // Navigator.push(context,
                        //     MaterialPageRoute(builder: (context) => Layout()));
                        Navigator.pushNamed(context, item['router'],
                            arguments: {'desc': item['desc']});
                        //Navigator.push(context, ApplicationRouterGradual())
                        // Navigator.push(context,
                        //     ApplicationRouterGradual(widget: LessGroupPage()));
                        // Navigator.push(context, route)
                        // Navigator.push(context,
                        //     ApplicationRouterSlide(widget: LessGroupPage()));
                      },
                      color: Colors.cyan,
                      splashColor: Colors.green,
                      elevation: 10,
                      child: Text(
                        item['title'],
                        style: TextStyle(color: Colors.white),
                      ),
                    ),
                  )
                  .toList(),
            ),
          ),
        ),
      ),
    );
  }
}

​以上就是 视频直播系统源码,平台在日间和夜间模式之间来回切换实现的相关代码,更多内容欢迎关注之后的文章

 

标签:statefulWidget,title,Flutter,直播,context,router,日间,源码,desc
来源: https://www.cnblogs.com/yunbaomengnan/p/15770923.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有