Merge pull request #1287 from fufesou/flutter_desktop_fullscreen

Flutter desktop fullscreen

flutter/lib/desktop/pages/connection_tab_page.dart

@@ -27,6 +27,7 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
   RxList<TabInfo> tabs = RxList<TabInfo>.empty(growable: true);
   late Rx<TabController> tabController;
   static final Rx<int> _selected = 0.obs;
+  static final Rx<String> _fullscreenID = "".obs;
   IconData icon = Icons.desktop_windows_sharp;
 
   var connectionMap = RxList<Widget>.empty(growable: true);
@@ -70,24 +71,32 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
     return Scaffold(
       body: Column(
         children: [
-          DesktopTabBar(
+          Obx(() => Visibility(
+              visible: _fullscreenID.value.isEmpty,
+              child: DesktopTabBar(
                 controller: tabController,
                 tabs: tabs,
                 onTabClose: onRemoveId,
                 selected: _selected,
                 dark: isDarkTheme(),
                 mainTab: false,
-          ),
+              ))),
-          Expanded(
+          Expanded(child: Obx(() {
-              child: Obx(() => TabBarView(
+            WindowController.fromWindowId(windowId())
+                .setFullscreen(_fullscreenID.value.isNotEmpty);
+            return TabBarView(
                 controller: tabController.value,
                 children: tabs
                     .map((tab) => RemotePage(
                           key: ValueKey(tab.label),
                           id: tab.label,
-                            tabBarHeight: kDesktopRemoteTabBarHeight,
+                          tabBarHeight: _fullscreenID.value.isNotEmpty
+                              ? 0
+                              : kDesktopRemoteTabBarHeight,
+                          fullscreenID: _fullscreenID,
                         )) //RemotePage(key: ValueKey(e), id: e))
-                      .toList()))),
+                    .toList());
+          })),
         ],
       ),
     );

flutter/lib/desktop/pages/remote_page.dart

@@ -21,11 +21,16 @@ import '../../models/platform_model.dart';
 final initText = '\1' * 1024;
 
 class RemotePage extends StatefulWidget {
-  RemotePage({Key? key, required this.id, required this.tabBarHeight})
+  RemotePage(
+      {Key? key,
+      required this.id,
+      required this.tabBarHeight,
+      required this.fullscreenID})
       : super(key: key);
 
   final String id;
   final double tabBarHeight;
+  final Rx<String> fullscreenID;
 
   @override
   _RemotePageState createState() => _RemotePageState();
@@ -41,6 +46,7 @@ class _RemotePageState extends State<RemotePage>
   final FocusNode _mobileFocusNode = FocusNode();
   final FocusNode _physicalFocusNode = FocusNode();
   var _isPhysicalMouse = false;
+  var _imageFocused = false;
 
   late FFI _ffi;
 
@@ -238,6 +244,9 @@ class _RemotePageState extends State<RemotePage>
                     autofocus: true,
                     canRequestFocus: true,
                     focusNode: _physicalFocusNode,
+                    onFocusChange: (bool v) {
+                      _imageFocused = v;
+                    },
                     onKey: (data, e) {
                       final key = e.logicalKey;
                       if (e is RawKeyDownEvent) {
@@ -307,6 +316,23 @@ class _RemotePageState extends State<RemotePage>
                           },
                         )
                       ] +
+                      (isWebDesktop
+                          ? []
+                          : <Widget>[
+                              IconButton(
+                                color: Colors.white,
+                                icon: Icon(widget.fullscreenID.value.isEmpty
+                                    ? Icons.fullscreen
+                                    : Icons.close_fullscreen),
+                                onPressed: () {
+                                  if (widget.fullscreenID.value.isEmpty) {
+                                    widget.fullscreenID.value = widget.id;
+                                  } else {
+                                    widget.fullscreenID.value = "";
+                                  }
+                                },
+                              )
+                            ]) +
                       (isWebDesktop
                           ? []
                           : _ffi.ffiModel.isPeerAndroid
@@ -434,6 +460,9 @@ class _RemotePageState extends State<RemotePage>
         onPointerSignal: _onPointerSignalImage,
         child: MouseRegion(
             onEnter: (evt) {
+              if (!_imageFocused) {
+                _physicalFocusNode.requestFocus();
+              }
               _cursorOverImage.value = true;
             },
             onExit: (evt) {

flutter/lib/mobile/pages/chat_page.dart

@@ -50,17 +50,19 @@ class ChatPage extends StatelessWidget implements PageShape {
               final currentUser = chatModel.currentUser;
               return Stack(
                 children: [
-                  DashChat(
+                  LayoutBuilder(builder: (context, constraints) {
+                    return DashChat(
                       onSend: (chatMsg) {
                         chatModel.send(chatMsg);
                       },
                       currentUser: chatModel.me,
-                    messages:
+                      messages: chatModel
-                        chatModel.messages[chatModel.currentID]?.chatMessages ??
+                              .messages[chatModel.currentID]?.chatMessages ??
                           [],
                       messageOptions: MessageOptions(
                           showOtherUsersAvatar: false,
                           showTime: true,
+                          maxWidth: constraints.maxWidth * 0.7,
                           messageDecorationBuilder: (_, __, ___) =>
                               defaultMessageDecoration(
                                 color: MyTheme.accent80,
@@ -69,7 +71,8 @@ class ChatPage extends StatelessWidget implements PageShape {
                                 borderBottomRight: 8,
                                 borderBottomLeft: 8,
                               )),
-                  ),
+                    );
+                  }),
                   chatModel.currentID == ChatModel.clientModeID
                       ? SizedBox.shrink()
                       : Padding(

flutter/pubspec.yaml

@@ -40,7 +40,10 @@ dependencies:
     url_launcher: ^6.0.9
     shared_preferences: ^2.0.6
     toggle_switch: ^1.4.0
-    dash_chat_2: ^0.0.12
+    dash_chat_2:
+        git:
+          url: https://github.com/fufesou/Dash-Chat-2
+          ref: feat_maxWidth
     draggable_float_widget: ^0.0.2
     settings_ui: ^2.0.2
     flutter_breadcrumb: ^1.0.1