小编Emi*_*gün的帖子

Flutter InkWell 悬停功能

尝试使用 InkWell 函数(onHover)放大我的图片(用 ClipPath 剪辑),但是当我将鼠标悬停在图片上时没有任何反应。

InkWell(
                        onTap: () {},
                        onHover: (isHovering) {
                          if (isHovering) {
                            setState(() {
                              sizeBool = !sizeBool;
                            });
                          }
                        },
                        child: ClipPath(
                          child: AnimatedContainer(
                            duration: Duration(seconds: 1),
                            width: MediaQuery.of(context).size.width,
                            height: sizeBool ? 450 : 150,
                            child: Image.network(
                              'image.url',
                              fit: BoxFit.cover,
                            ),
                          ),
                          clipper: CustomClipPath(),
                        ),
                      )
                    ],
                  )
                ],
              ),
            ),
          ),
        );
      }
    }
Run Code Online (Sandbox Code Playgroud)

flutter

6
推荐指数
2
解决办法
2万
查看次数

在 Flutter Streambuilder 中使用 mongodb 集合作为流

我使用 mongoDb、node 和express 作为后端,使用 flutter 作为前端。我想在我的应用程序中将我的 mongo 集合之一作为实时数据进行流式传输,因此决定在后端使用 Socket.io,我的问题是我可以将 mongoDb 集合转换为 Stream,以便我可以在 StreamBuilder 小部件(如 firestore 快照)中使用它。

node.js socket.io flutter

5
推荐指数
0
解决办法
351
查看次数

尝试将 flutter 应用连接到 Web 套接字时出错

我正在尝试将我的 flutter 应用程序与 websocket 连接,我猜服务器端工作正常,但在客户端出现以下错误,知道为什么吗?并且还阅读类似的问题,通常他们说“这是关于设备连接的”,但我可以在我的模拟器中使用restful api,所以我认为这不是问题。

\n

错误

\n
 WebSocketException: Connection to 'http://localhost:8080/socket.io/?EIO=3&transport=websocket#' was not upgraded to websocket\n
Run Code Online (Sandbox Code Playgroud)\n

客户端

\n
 import 'dart:async';\n    import 'package:flutter/material.dart';\n    import 'package:live_chat_mongo/function.dart';\n    import 'package:live_chat_mongo/models/Message.dart';\n    import 'package:socket_io_client/socket_io_client.dart' as IO;\n    \n    import 'package:socket_io_client/socket_io_client.dart';\n    \n    // STEP1:  Stream setup\n    class StreamSocket {\n      final _socketResponse = StreamController<String>();\n    \n      void Function(String) get addResponse => _socketResponse.sink.add;\n    \n      Stream<String> get getResponse => _socketResponse.stream;\n    \n      void dispose() {\n        _socketResponse.close();\n      }\n    }\n    \n    StreamSocket streamSocket = StreamSocket();\n    \n    //STEP2: Add this function in main …
Run Code Online (Sandbox Code Playgroud)

node.js express socket.io flutter

0
推荐指数
1
解决办法
4448
查看次数

标签 统计

flutter ×3

node.js ×2

socket.io ×2

express ×1