Я работаю над приложением Flutter, которое использует WebView для загрузки определенной веб-страницы. Я хочу использовать кнопку «Назад», чтобы, если пользователь переходит на другую страницу веб-сайта из WebView, он переходил на предыдущую страницу, как в браузере, в противном случае он переходил на главный экран приложения. WebView находится на странице Page3, которая находится под индексом 2. Но если пользователь не может вернуться на другие страницы внутри WebView, он должен перевести пользователя на страницу Page1, которая является главным экраном для приложение.
Я внедрил PopScope. Однако при нажатии кнопки «Назад» вместо этого я получаю черный экран в приложении.
Ниже приведены мои коды.
WebView Страница
@override
Widget build(BuildContext context) {
return PopScope(
canPop: true,
onPopInvokedWithResult: (didPop, result) async {
if (await controller.canGoBack()) {
await controller.goBack();
} else {
SystemNavigator.pop();
}
},
child: Scaffold(
backgroundColor: const Color(0xFF000000),
body: Padding(
padding: EdgeInsets.only(
bottom: MediaQuery.of(context).size.height * 0.01),
child: SafeArea(
child: WebViewWidget(
controller: controller,
),
),
),
),
);
}
navbar_widget.dart
class BottomNavbar extends StatelessWidget {
const BottomNavbar({super.key});
@override
Widget build(BuildContext context) {
return GetBuilder(
builder: (controller) => Scaffold(
extendBody: true,
appBar: AppbarWidget(tabIndex: controller.tabIndex),
bottomNavigationBar: CurvedNavigationBar(
index: controller.tabIndex,
onTap: (val) {
controller.updateIndex(val);
},
items: const [
Icon(Icons.page_1),
Icon(Icons.page_2),
Icon(Icons.page_3),
Icon(Icons.page_4),
Icon(Icons.page_5),
],
),
body: Padding(
padding:
EdgeInsets.only(top: MediaQuery.of(context).size.height * 0.018),
child: SafeArea(
bottom: false,
child: IndexedStack(
index: controller.tabIndex,
children: const [
PageOne(),
PageTwo(),
PageThree(),
PageFour(),
PageFive(),
],
),
),
),
),
);
}
}
Подробнее здесь: https://stackoverflow.com/questions/793 ... ack-screen
Flutter WebView и кнопка «Назад» с PopScope, показывающая черный экран ⇐ IOS
Программируем под IOS
1737445193
Anonymous
Я работаю над приложением Flutter, которое использует WebView для загрузки определенной веб-страницы. Я хочу использовать кнопку «Назад», чтобы, если пользователь переходит на другую страницу веб-сайта из WebView, он переходил на предыдущую страницу, как в браузере, в противном случае он переходил на главный экран приложения. WebView находится на странице Page3, которая находится под индексом 2. Но если пользователь не может вернуться на другие страницы внутри WebView, он должен перевести пользователя на страницу Page1, которая является главным экраном для приложение.
Я внедрил PopScope. Однако при нажатии кнопки «Назад» вместо этого я получаю черный экран в приложении.
Ниже приведены мои коды.
[b]WebView Страница[/b]
@override
Widget build(BuildContext context) {
return PopScope(
canPop: true,
onPopInvokedWithResult: (didPop, result) async {
if (await controller.canGoBack()) {
await controller.goBack();
} else {
SystemNavigator.pop();
}
},
child: Scaffold(
backgroundColor: const Color(0xFF000000),
body: Padding(
padding: EdgeInsets.only(
bottom: MediaQuery.of(context).size.height * 0.01),
child: SafeArea(
child: WebViewWidget(
controller: controller,
),
),
),
),
);
}
[b]navbar_widget.dart[/b]
class BottomNavbar extends StatelessWidget {
const BottomNavbar({super.key});
@override
Widget build(BuildContext context) {
return GetBuilder(
builder: (controller) => Scaffold(
extendBody: true,
appBar: AppbarWidget(tabIndex: controller.tabIndex),
bottomNavigationBar: CurvedNavigationBar(
index: controller.tabIndex,
onTap: (val) {
controller.updateIndex(val);
},
items: const [
Icon(Icons.page_1),
Icon(Icons.page_2),
Icon(Icons.page_3),
Icon(Icons.page_4),
Icon(Icons.page_5),
],
),
body: Padding(
padding:
EdgeInsets.only(top: MediaQuery.of(context).size.height * 0.018),
child: SafeArea(
bottom: false,
child: IndexedStack(
index: controller.tabIndex,
children: const [
PageOne(),
PageTwo(),
PageThree(),
PageFour(),
PageFive(),
],
),
),
),
),
);
}
}
Подробнее здесь: [url]https://stackoverflow.com/questions/79372639/flutter-webview-and-back-button-with-popscope-showing-a-black-screen[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия