mirror of
https://github.com/rustdesk/rustdesk.git
synced 2025-01-18 07:43:01 +08:00
fix: tabbar rebuild issue
Signed-off-by: Kingtous <kingtous@qq.com>
This commit is contained in:
parent
ab6a83e8b0
commit
1977ee951e
@ -7,7 +7,6 @@ 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/utils/multi_window_manager.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
import '../../models/model.dart';
|
||||
@ -22,11 +21,14 @@ class ConnectionTabPage extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _ConnectionTabPageState extends State<ConnectionTabPage>
|
||||
with SingleTickerProviderStateMixin {
|
||||
with TickerProviderStateMixin {
|
||||
// refactor List<int> when using multi-tab
|
||||
// this singleton is only for test
|
||||
List<String> connectionIds = List.empty(growable: true);
|
||||
var connectionIds = RxList.empty(growable: true);
|
||||
var initialIndex = 0;
|
||||
late Rx<TabController> tabController;
|
||||
|
||||
var connectionMap = RxList<Widget>.empty(growable: true);
|
||||
|
||||
_ConnectionTabPageState(Map<String, dynamic> params) {
|
||||
if (params['id'] != null) {
|
||||
@ -37,26 +39,27 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
tabController =
|
||||
TabController(length: connectionIds.length, vsync: this).obs;
|
||||
rustDeskWinManager.setMethodHandler((call, fromWindowId) async {
|
||||
print(
|
||||
"call ${call.method} with args ${call.arguments} from window ${fromWindowId}");
|
||||
// for simplify, just replace connectionId
|
||||
if (call.method == "new_remote_desktop") {
|
||||
setState(() {
|
||||
final args = jsonDecode(call.arguments);
|
||||
final id = args['id'];
|
||||
final indexOf = connectionIds.indexOf(id);
|
||||
if (indexOf >= 0) {
|
||||
setState(() {
|
||||
initialIndex = indexOf;
|
||||
});
|
||||
} else {
|
||||
connectionIds.add(id);
|
||||
setState(() {
|
||||
initialIndex = connectionIds.length - 1;
|
||||
});
|
||||
}
|
||||
});
|
||||
final args = jsonDecode(call.arguments);
|
||||
final id = args['id'];
|
||||
final indexOf = connectionIds.indexOf(id);
|
||||
if (indexOf >= 0) {
|
||||
initialIndex = indexOf;
|
||||
tabController.value.animateTo(initialIndex, duration: Duration.zero);
|
||||
} else {
|
||||
connectionIds.add(id);
|
||||
initialIndex = connectionIds.length - 1;
|
||||
tabController.value = TabController(
|
||||
length: connectionIds.length,
|
||||
vsync: this,
|
||||
initialIndex: initialIndex);
|
||||
}
|
||||
} else if (call.method == "onDestroy") {
|
||||
print("executing onDestroy hook, closing ${connectionIds}");
|
||||
connectionIds.forEach((id) {
|
||||
@ -72,55 +75,52 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final tabBar = TabBar(
|
||||
isScrollable: true,
|
||||
labelColor: Colors.white,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
indicatorColor: Colors.white,
|
||||
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());
|
||||
final tabBarView = TabBarView(
|
||||
children: connectionIds
|
||||
.map((e) => Container(
|
||||
child: RemotePage(
|
||||
key: ValueKey(e),
|
||||
id: e,
|
||||
tabBarHeight: kDesktopRemoteTabBarHeight,
|
||||
))) //RemotePage(key: ValueKey(e), id: e))
|
||||
.toList());
|
||||
return Scaffold(
|
||||
body: DefaultTabController(
|
||||
initialIndex: initialIndex,
|
||||
length: connectionIds.length,
|
||||
animationDuration: Duration.zero,
|
||||
child: Column(
|
||||
children: [
|
||||
DesktopTitleBar(
|
||||
child: Container(height: kDesktopRemoteTabBarHeight, child: tabBar),
|
||||
),
|
||||
Expanded(child: tabBarView),
|
||||
],
|
||||
),
|
||||
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()))),
|
||||
),
|
||||
Expanded(
|
||||
child: Obx(() => TabBarView(
|
||||
controller: tabController.value,
|
||||
children: connectionIds
|
||||
.map((e) => RemotePage(
|
||||
key: ValueKey(e),
|
||||
id: e,
|
||||
tabBarHeight: kDesktopRemoteTabBarHeight,
|
||||
)) //RemotePage(key: ValueKey(e), id: e))
|
||||
.toList()))),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
@ -130,9 +130,9 @@ class _ConnectionTabPageState extends State<ConnectionTabPage>
|
||||
if (indexOf == -1) {
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
connectionIds.removeAt(indexOf);
|
||||
initialIndex = max(0, initialIndex - 1);
|
||||
});
|
||||
connectionIds.removeAt(indexOf);
|
||||
initialIndex = max(0, initialIndex - 1);
|
||||
tabController.value = TabController(
|
||||
length: connectionIds.length, vsync: this, initialIndex: initialIndex);
|
||||
}
|
||||
}
|
||||
|
@ -20,11 +20,12 @@ class FileManagerTabPage extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _FileManagerTabPageState extends State<FileManagerTabPage>
|
||||
with SingleTickerProviderStateMixin {
|
||||
with TickerProviderStateMixin {
|
||||
// refactor List<int> when using multi-tab
|
||||
// this singleton is only for test
|
||||
var connectionIds = List<String>.empty(growable: true).obs;
|
||||
var initialIndex = 0.obs;
|
||||
var initialIndex = 0;
|
||||
late Rx<TabController> tabController;
|
||||
|
||||
_FileManagerTabPageState(Map<String, dynamic> params) {
|
||||
if (params['id'] != null) {
|
||||
@ -35,6 +36,8 @@ class _FileManagerTabPageState extends State<FileManagerTabPage>
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
tabController =
|
||||
TabController(length: connectionIds.length, vsync: this).obs;
|
||||
rustDeskWinManager.setMethodHandler((call, fromWindowId) async {
|
||||
print(
|
||||
"call ${call.method} with args ${call.arguments} from window ${fromWindowId}");
|
||||
@ -44,10 +47,15 @@ class _FileManagerTabPageState extends State<FileManagerTabPage>
|
||||
final id = args['id'];
|
||||
final indexOf = connectionIds.indexOf(id);
|
||||
if (indexOf >= 0) {
|
||||
initialIndex.value = indexOf;
|
||||
initialIndex = indexOf;
|
||||
tabController.value.animateTo(initialIndex, duration: Duration.zero);
|
||||
} else {
|
||||
connectionIds.add(id);
|
||||
initialIndex.value = connectionIds.length - 1;
|
||||
initialIndex = connectionIds.length - 1;
|
||||
tabController.value = TabController(
|
||||
length: connectionIds.length,
|
||||
initialIndex: initialIndex,
|
||||
vsync: this);
|
||||
}
|
||||
} else if (call.method == "onDestroy") {
|
||||
print("executing onDestroy hook, closing ${connectionIds}");
|
||||
@ -65,54 +73,53 @@ class _FileManagerTabPageState extends State<FileManagerTabPage>
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: Obx(
|
||||
()=> DefaultTabController(
|
||||
initialIndex: initialIndex.value,
|
||||
length: connectionIds.length,
|
||||
animationDuration: Duration.zero,
|
||||
child: Column(
|
||||
children: [
|
||||
DesktopTitleBar(
|
||||
child: TabBar(
|
||||
isScrollable: true,
|
||||
labelColor: Colors.white,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
indicatorColor: Colors.white,
|
||||
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()),
|
||||
),
|
||||
Expanded(
|
||||
child: TabBarView(
|
||||
children: connectionIds
|
||||
.map((e) => Container(
|
||||
child: FileManagerPage(
|
||||
key: ValueKey(e),
|
||||
id: e))) //RemotePage(key: ValueKey(e), id: e))
|
||||
.toList()),
|
||||
)
|
||||
],
|
||||
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()),
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: Obx(
|
||||
() => TabBarView(
|
||||
controller: tabController.value,
|
||||
children: connectionIds
|
||||
.map((e) => FileManagerPage(
|
||||
key: ValueKey(e),
|
||||
id: e)) //RemotePage(key: ValueKey(e), id: e))
|
||||
.toList()),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
@ -123,6 +130,8 @@ class _FileManagerTabPageState extends State<FileManagerTabPage>
|
||||
return;
|
||||
}
|
||||
connectionIds.removeAt(indexOf);
|
||||
initialIndex.value = max(0, initialIndex.value - 1);
|
||||
initialIndex = max(0, initialIndex - 1);
|
||||
tabController.value = TabController(
|
||||
length: connectionIds.length, initialIndex: initialIndex, vsync: this);
|
||||
}
|
||||
}
|
||||
|
@ -77,7 +77,7 @@ class _RemotePageState extends State<RemotePage>
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
print("remote page dispose");
|
||||
print("REMOTE PAGE dispose ${widget.id}");
|
||||
hideMobileActionsOverlay();
|
||||
_ffi.listenToMouse(false);
|
||||
_ffi.invokeMethod("enable_soft_keyboard", true);
|
||||
|
Loading…
Reference in New Issue
Block a user