小编Wil*_*son的帖子

Flutter 中的小部件/图像扭曲和扭曲

像 Transform 小部件这样的小部件可以轻松地在 Flutter 中缩放、平移和倾斜小部件。但没有明显的方法可以直接扭曲或扭曲图像。

以这个扭曲的例子为例:

实施例1

假设此小部件是一个容器,其子部件为装饰图像和文本小部件。在这里,小部件不会被贝塞尔曲线或路径剪切。小部件被“拉伸”或扭曲。使用 Container 小部件可能无法实现这一点,但可以使用 CustomPainter 来完成吗?

另外,看一下这个例子:

实施例2

这里使用波纹效果扭曲图像。是否有可能使用 Flutter 来复制它?

rendering dart flutter

8
推荐指数
1
解决办法
1808
查看次数

Flutter MacOS 获得 CMD 的 LogicalKeyboardKey

我正在构建一个严重依赖键绑定的应用程序。现在,Flutter 支持大量的键绑定,并且声明 LogicalKeySet 非常简单:

 final exampleKeySet = LogicalKeySet(
    LogicalKeyboardKey.control,
    LogicalKeyboardKey.comma,
  );
Run Code Online (Sandbox Code Playgroud)

LogicalKeyboardKey键盘上几乎每个键(包括 Ctrl 和 Alt 键)都有一个值。但 Mac 上没有 Command 键选项。

如何将 Command 键与LogicalKeySet.

macos dart flutter

5
推荐指数
1
解决办法
987
查看次数

如何从 Streambuilder 订购项目

我正在使用 Cloud Firestore 创建一个简单的应用程序,我在其中输入文本并将其添加到列表中。

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  TextEditingController _txtCtrl = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: SafeArea(
          child: Column(
            children: <Widget>[
              Container(
                  child: Row(children: <Widget>[
                Expanded(child: TextField(controller: _txtCtrl)),
                SizedBox(
                    width: 80,
                    child: OutlineButton(
                        child: Text("Add"),
                        onPressed: () {
                          Firestore.instance
                              .collection('messages')
                              .document()
                              .setData({'message': _txtCtrl.text});
                        })),
              ])),
              Container(
                height: 400,
                child: StreamBuilder<QuerySnapshot>(
                  stream: Firestore.instance.collection('messages').snapshots(),
                  builder: (BuildContext context,
                      AsyncSnapshot<QuerySnapshot> snapshot) {
                    if (snapshot.hasError)
                      return new …
Run Code Online (Sandbox Code Playgroud)

dart flutter google-cloud-firestore

3
推荐指数
1
解决办法
935
查看次数

标签 统计

dart ×3

flutter ×3

google-cloud-firestore ×1

macos ×1

rendering ×1