成品直播源码推荐，Flutter波浪进度条WaveProgressBar

第一步：添加以下代码到你的pubspec.yaml文件

1	`<br>dependencies:<br> waveprogressbar_flutter:` `"^0.1.1"`

第二步：导包，添加以下代码到你要使用的文件下

1	`<br>import` `'package:waveprogressbar_flutter/waveprogressbar_flutter.dart';`

第三步：写你的业务代码

import 'package:flutter/material.dart';<br>import 'package:waveprogressbar_flutter/waveprogressbar_flutter.dart';<br> <br>class BezierCurveDemo extends StatefulWidget{<br>  @override<br>  State<StatefulWidget> createState() {<br>    return BezierCurveDemoState();<br>  }<br>}<br> <br>class BezierCurveDemoState extends State<BezierCurveDemo>{<br> <br>  final TextEditingController _controller = new TextEditingController();<br>  //默认初始值为0.0<br>  double waterHeight=0.0;<br>  WaterController waterController=WaterController();<br> <br>  @override<br>  void initState() {<br>    super.initState();<br>    WidgetsBinding widgetsBinding=WidgetsBinding.instance;<br>    widgetsBinding.addPostFrameCallback((callback){<br>      //这里写你想要显示的百分比<br>      waterController.changeWaterHeight(0.82);<br>    });<br>  }<br> <br> <br>  @override<br>  Widget build(BuildContext context) {<br> <br>    return new Scaffold(<br>      resizeToAvoidBottomPadding: false,<br>      appBar: new AppBar(<br>        title: new Text("贝塞尔曲线测试"),<br>      ),<br>      body: new Column(<br>        children: <Widget>[<br>          new Row(<br>            children: <Widget>[<br>              new Text("高度调整:    ",<br>                style: new TextStyle(fontSize: 20.0),<br>              ),<br>              new Container(<br>                width: 150.0,<br>                child: new TextField(<br>                    controller: _controller,<br>                    decoration: new InputDecoration(<br>                      hintText: "请输入高度",<br>                    )<br>                ),<br>              ),<br>              new RaisedButton(onPressed: (){<br>                print("waterHeight is ${_controller.toString()}");<br>                FocusScope.of(context).requestFocus(FocusNode());<br>                waterController.changeWaterHeight(double.parse(_controller.text));<br>              },<br>                child: new Text("确定"),<br>              ),<br>            ],<br>          ),<br>          new Container(<br>            margin: EdgeInsets.only(top: 80.0),<br>            child: new Center(<br>              child: new WaveProgressBar(<br>                flowSpeed: 2.0,<br>                waveDistance:45.0,<br>                waterColor: Color(0xFF68BEFC),<br>                //strokeCircleColor: Color(0x50e16009),<br>                heightController: waterController,<br>                percentage: waterHeight,<br>                size: new Size (300,300),<br>                textStyle: new TextStyle(<br>                    color:Color(0x15000000),<br>                    fontSize: 60.0,<br>                    fontWeight: FontWeight.bold),<br>              ),<br>            ),<br>          ),<br>        ],<br>      ),<br>    );<br>  }<br>} 