在屏幕上添加按钮而不使用 MaterialApp Flutter

Question

我正在尝试制作一个简单的示例，在 Flutter 的屏幕中心有一个可点击的按钮。我可以使用 MaterialApp 小部件来做到这一点，但我想在不使用 MaterialApp 的情况下做到这一点。

此示例适用于文本小部件

import 'package:flutter/material.dart';

void main() {
  runApp(
      Center(
      child: Text(
        'Hello, world!',
        textDirection: TextDirection.ltr,
      ),
    ),
  ) ;
}

但是我用 FlatButton 或 RaisedButton 更改 Text 小部件的所有尝试都失败了，因为它们依赖于 Material Widget

我也试过了：

import 'package:flutter/material.dart';

void main() {
  runApp(
      Container(
          decoration: BoxDecoration(color: Colors.white),
          child:Center(
      child: RaisedButton(
            child: const Text('Press meh', textDirection: TextDirection.ltr),
            onPressed: () {
            },
          ),
          )
      )
  );
}

问题是：有没有办法让Button不依赖于Material Widget？

Answer 1

那么你必须使用 - WidgetsApp。

void main() {
  runApp(SomeText());
}

class SomeText extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return WidgetsApp(
      builder: (context, int) {
        return Center(
          child: RaisedButton(
            onPressed: () {},
            child: Text(
              'Hello, world!',
              textDirection: TextDirection.ltr,
            ),
          ),
        );
      },
      color: Colors.blue,
    );
  }
}

根据文档 -

WidgetsApp，定义了基本的app元素但不依赖 在材料库上。

更新 - 没有其他类：

如果你使用home:，那么你需要通过 - onGenerateRoute 或 pageRouteBuilder

如果既没有提供 builder 也没有提供 onGenerateRoute，则 必须指定 pageRouteBuilder 以便默认处理程序将 知道要构建什么样的 PageRoute 过渡。

void main() {
  runApp(WidgetsApp(
    builder: (context, int) {
      return Center(
        child: RaisedButton(
          onPressed: () {},
          child: Text(
            'Hello, world!',
            textDirection: TextDirection.ltr,
          ),
        ),
      );
    },
    color: Colors.blue,
  ));
}