TheLanc3/rustdesk
1
0
Fork 0
mirror of https://github.com/rustdesk/rustdesk.git synced 2026-04-13 10:41:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

custom tabbar

Browse Source 
Signed-off-by: 21pages <pages21@163.com>
This commit is contained in:
21pages
2022-08-06 17:08:48 +08:00
parent d173fd9cec
commit 073e087a48
4 changed files with 303 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
flutter/lib/desktop/pages/connection_tab_page.dart
View File

@@ -5,7 +5,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_hbb/common.dart';
import 'package:flutter_hbb/consts.dart';
import 'package:flutter_hbb/desktop/pages/remote_page.dart';
import 'package:flutter_hbb/desktop/widgets/titlebar_widget.dart';
import 'package:flutter_hbb/desktop/widgets/tabbar_widget.dart';
import 'package:flutter_hbb/utils/multi_window_manager.dart';
import 'package:get/get.dart';
@@ -24,9 +24,10 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
with TickerProviderStateMixin {
// refactor List<int> when using multi-tab
// this singleton is only for test
var connectionIds = RxList.empty(growable: true);
var connectionIds = RxList<String>.empty(growable: true);
var initialIndex = 0;
late Rx<TabController> tabController;
static final Rx<int> _selected = 0.obs;
var connectionMap = RxList<Widget>.empty(growable: true);
@@ -60,6 +61,7 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
vsync: this,
initialIndex: initialIndex);
}
_selected.value = initialIndex;
} else if (call.method == "onDestroy") {
print("executing onDestroy hook, closing ${connectionIds}");
connectionIds.forEach((id) {
@@ -78,38 +80,13 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
return Scaffold(
body: Column(
children: [
DesktopTitleBar(
child: Container(
height: kDesktopRemoteTabBarHeight,
child: Obx(() => TabBar(
isScrollable: true,
labelColor: Colors.white,
physics: NeverScrollableScrollPhysics(),
indicatorColor: Colors.white,
controller: tabController.value,
tabs: connectionIds
.map((e) => Tab(
child: Row(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(e),
SizedBox(
width: 4,
),
InkWell(
onTap: () {
onRemoveId(e);
},
child: Icon(
Icons.highlight_remove,
size: 20,
))
],
),
))
.toList()))),
),
Obx(() => DesktopTabBar(
controller: tabController,
tabs: connectionIds.toList(),
onTabClose: onRemoveId,
tabIcon: Icons.desktop_windows_sharp,
selected: _selected,
)),
Expanded(
child: Obx(() => TabBarView(
controller: tabController.value,

42
flutter/lib/desktop/pages/file_manager_tab_page.dart
View File

@@ -4,7 +4,7 @@ import 'dart:math';
import 'package:flutter/material.dart';
import 'package:flutter_hbb/common.dart';
import 'package:flutter_hbb/desktop/pages/file_manager_page.dart';
import 'package:flutter_hbb/desktop/widgets/titlebar_widget.dart';
import 'package:flutter_hbb/desktop/widgets/tabbar_widget.dart';
import 'package:flutter_hbb/models/model.dart';
import 'package:flutter_hbb/utils/multi_window_manager.dart';
import 'package:get/get.dart';
@@ -26,6 +26,7 @@ class _FileManagerTabPageState extends State<FileManagerTabPage>
var connectionIds = List<String>.empty(growable: true).obs;
var initialIndex = 0;
late Rx<TabController> tabController;
static final Rx<int> _selected = 0.obs;
_FileManagerTabPageState(Map<String, dynamic> params) {
if (params['id'] != null) {
@@ -57,6 +58,7 @@ class _FileManagerTabPageState extends State<FileManagerTabPage>
initialIndex: initialIndex,
vsync: this);
}
_selected.value = initialIndex;
} else if (call.method == "onDestroy") {
print("executing onDestroy hook, closing ${connectionIds}");
connectionIds.forEach((id) {
@@ -75,37 +77,13 @@ class _FileManagerTabPageState extends State<FileManagerTabPage>
return Scaffold(
body: Column(
children: [
DesktopTitleBar(
child: Obx(
() => TabBar(
controller: tabController.value,
isScrollable: true,
labelColor: Colors.white,
physics: NeverScrollableScrollPhysics(),
indicatorColor: Colors.white,
tabs: connectionIds
.map((e) => Tab(
key: Key('T$e'),
child: Row(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(e),
SizedBox(
width: 4,
),
InkWell(
onTap: () {
onRemoveId(e);
},
child: Icon(
Icons.highlight_remove,
size: 20,
))
],
),
))
.toList()),
Obx(
() => DesktopTabBar(
controller: tabController,
tabs: connectionIds.toList(),
onTabClose: onRemoveId,
tabIcon: Icons.file_copy_sharp,
selected: _selected,
),
),
Expanded(