У меня два просмотра страниц:
- pageview0 имеет 3 страницы: 1, 2, 3
- pageview1 имеет 3 страницы: A, B, C
Одновременно отображается только один просмотр страницы, и я хочу переключаться между ними, когда нажимаю кнопку «переключатель» на панели приложений.
Что я хочу:
Если я нахожусь на странице pageview0 page2 и нажимаю кнопку переключения, то я хочу увидеть pageview1 страницу A.
Но в приведенном ниже коде показана страница B pageview1 (страница с тем же индексом). Я также пытался использовать два PageController вместо одного, но поведение было таким же. Как я могу контролировать, какую страницу показывать при наличии нескольких PageView и переключаться между ними?
Мой код:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(home: MyHomePage());
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<String> pageview0 = ["1", "2", "3"];
List<String> pageview1 = ["A", "B", "C"];
int pageViewIndex = 0;
// Try single controller.
PageController controller;
// Try multiple controller.
List<PageController> controllers;
@override
void initState() {
super.initState();
controller = PageController(initialPage: 0); // pageview0 and pageview1
controllers = [];
controllers.add(PageController(initialPage: 0)); // pageview0
controllers.add(PageController(initialPage: 0)); // pageview1
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
actions: <Widget>[
IconButton(icon: const Icon(Icons.navigate_next), onPressed: () {
setState(() {
if (pageViewIndex == 0) pageViewIndex = 1;
else pageViewIndex = 0;
});
},)
],
),
body: PageView.builder(
itemBuilder: (context, page) {
if (pageViewIndex == 0) return Center(child: Text(pageview0[page]));
else return Center(child: Text(pageview1[page]));
},
itemCount: 3,
// single controller
// controller: controller,
// Multiple controller
controller: (pageViewIndex == 0)? controllers[0] : controllers[1],
),
);
}
}
IndexedStack
: api.flutter.dev/flutter/ widgets / IndexedStack-class.html, вы можете увидеть, как его использовать здесь: youtu.be/_O0PPD1Xfbk а> - person Taufik Nur Rahmanda   schedule 18.09.2019