Flutter开发实践三：打包与填坑

• leading：一般为左侧按钮，不设置则正常，是抽屉图标或后退按钮。
• flexibleSpace：位于底部和前导之间。

2. 按钮

Flutter 中的按钮，如FlatButton 默认是否有边框和最小尺寸。所以如果你想要没有padding、margin、border、默认尺寸等的按钮效果，一种方法是：

///
new RawMaterialButton(
        materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
        padding: padding ?? const EdgeInsets.all(0.0),
        constraints: const BoxConstraints(minWidth: 0.0, minHeight: 0.0),
        child: child,
        onPressed: onPressed);
复制代码

如果添加Flex，如下图，可控pad按钮。出口。 ？例如，活动任务 TextField，如以下代码所示：

 final TextEditingController controller = new TextEditingController();

 @override
 void didChangeDependencies() {
    super.didChangeDependencies();
    ///通过给 controller 的 value 新创建一个 TextEditingValue
    controller.value = new TextEditingValue(text: "给输入框填入参数");
 }

 @override
  Widget build(BuildContext context) {
    return new TextField(
     ///controller
      controller: controller,
      onChanged: onChanged,
      obscureText: obscureText,
      decoration: new InputDecoration(
        hintText: hintText,
        icon: iconData == null ? null : new Icon(iconData),
      ),
    );
  }
复制代码

实际上，TextEditingValue❀ 是

，其中 方法设置器value

当然还有更简单粗暴的设置值的方法：传入对象类A对象，使用对象变量A.b将控件绑定到控件上，通过setState({A.b = b2}) 。

4。 GlobalKey

在 Flutter 中，要主动更改子控件状态，还可以使用GlobalKey。例如，您必须主动调用RefreshIndicator来显示刷新状态，如下代码所示。 ？影响。

下面的代码会通过StoreProvider打开商店，然后根据主题将商店中的themeData绑定到MaterialApp Store

，然后在rest Widget 使用 Theme.of(context) 设置需要的颜色，最后在任意位置调用 store.dispatch 实时更改主题。效果如下图所示。

class FlutterReduxApp extends StatelessWidget {
  final store = new Store<GSYState>(
    appReducer,
    initialState: new GSYState(
      themeData: new ThemeData(
        primarySwatch: GSYColors.primarySwatch,
      ),
    ),
  );

  FlutterReduxApp({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    /// 通过 StoreProvider 应用 store
    return new StoreProvider(
      store: store,
      ///通过 StoreBuilder 获取 themeData
      child: new StoreBuilder<GSYState>(builder: (context, store) {
        return new MaterialApp(
            theme: store.state.themeData,
            routes: {
              HomePage.sName: (context) {
                return HomePage();
              },
            });
      }),
    );
  }
}
复制代码

6。热加载和打包

Flutter 处于 JIT 模式，AOT 处于调试和发布模式。在DEBUG中，支持Hotload，非常流畅。 。但请注意：如果在开发过程中安装了新的第三方包，并且新的第三方包包含原始代码，则必须停止并重新运行。在文件

pubspec.yaml中有一个包装依赖项目录，其中^表示大于或等于，通常是和升级。都是Get函数下载包。但是：当包更新时，upgrade 将更新文件 pubspec.lock 下的包版本 。

3。问题处理

• 等待另一个flutter命令释放初始锁：如果遇到这个问题：

  1、打开flutter的安装目录/bin/cache/ 
  2、删除lockfile文件 
  3、重启AndroidStudio
复制代码

• yellow-line-in-text-widgets-in-flutter：在showDialog中，Scaffold没有被使用默认。这会导致文本出现黄色溢出线提示。您可以使用Material包来处理它。
• TabBar + TabView + KeepAlive 问题可以通过 TabBar + PageView 解决。详情请参见第 2 章。 ?商业转载请联系作者获取授权。非商业转载请注明出处。