尝试使用 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) 我使用 mongoDb、node 和express 作为后端,使用 flutter 作为前端。我想在我的应用程序中将我的 mongo 集合之一作为实时数据进行流式传输,因此决定在后端使用 Socket.io,我的问题是我可以将 mongoDb 集合转换为 Stream,以便我可以在 StreamBuilder 小部件(如 firestore 快照)中使用它。
我正在尝试将我的 flutter 应用程序与 websocket 连接,我猜服务器端工作正常,但在客户端出现以下错误,知道为什么吗?并且还阅读类似的问题,通常他们说“这是关于设备连接的”,但我可以在我的模拟器中使用restful api,所以我认为这不是问题。
\n错误
\n WebSocketException: Connection to 'http://localhost:8080/socket.io/?EIO=3&transport=websocket#' was not upgraded to websocket\nRun 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)