Flutter navigator скрывает (закрывает) содержимое первого окна

Почему, когда я использую навигатор для перехода на другую страницу (виджет), которая занимает только часть экрана, я не вижу содержимое первой страницы (которое находится вверху страницы)?

Я попробовал код из этого примера (https://docs.flutter.dev/cookbook/navigation/navigation-basics) и немного изменил его, чтобы показать, что мне нужно:

import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(
    title: 'Navigation Basics',
    home: FirstRoute(),
  ));
}

class FirstRoute extends StatelessWidget {
  const FirstRoute({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('First Route'),
      ),
      body: Center(
        child: ElevatedButton(
          child: const Text('Open route'),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => const SecondRoute()),
            );
          },
        ),
      ),
    );
  }
}

class SecondRoute extends StatelessWidget {
  const SecondRoute({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      padding:const EdgeInsets.only(top:128),
      color:Colors.transparent,
      child: Scaffold(
        appBar: AppBar(
          title: const Text('Second Route'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              Navigator.pop(context);
            },
            child: const Text('Go back!'),
          ),
        ),
      ),
    );
  }
}

Это ожидаемо. Вы нажимаете новый экран (виджет) поверх другого. И поскольку вы добавляете отступы, ожидается нижний белый пустой раздел. Вы хотите сделать часть первого экрана видимой?

— 05.10.2022 09:28

Да, точно, хочу перемещаться, но оставить видимой часть первого экрана

— 05.10.2022 09:50

flutter view routes navigator

05.10.2022 09:20

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

используйте этот класс вместо вашего класса

    class SecondRoute extends StatelessWidget {
  const SecondRoute({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Second Route'),
      ),
      body: Container(
      padding:const EdgeInsets.only(top:128),
        child: Center(
          child: ElevatedButton(
            onPressed: () {
              Navigator.pop(context);
            },
            child: const Text('Go back!'),
          ),
        ),
      ),
    );
  }
}

05.10.2022 09:55

Ответ принят как подходящий

Вы можете добиться этого, используя bottom sheet.

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      // Remove the debug banner
      debugShowCheckedModeBanner: false,
      title: 'example',
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key? key}) : super(key: key);

  void _show(BuildContext ctx) {
    showModalBottomSheet(
        elevation: 10,
        isScrollControlled: true,
        context: ctx,
        builder: (ctx) => Container(
              //change height to change height of bottom sheet
              height: MediaQuery.of(ctx).size.height * 0.75,
              alignment: Alignment.center,
              child: const Text('bottom sheet'),
            ));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Example'),
      ),
      body: SafeArea(
        child: Center(
          child: ElevatedButton(
            child: const Text('Show The BottomSheet'),
            onPressed: () => _show(context),
          ),
        ),
      ),
    );
  }
}

05.10.2022 10:13

Другие вопросы по теме

Ядро asp.net <a asp-controller="" asp-action=""/> запускается из jquery

Как ввести ответ на кнопку в Vue.js

Показать разные данные просмотра в представлении с другим классом в ASP.NET Core

Данные возвращают значение null из представления в контроллер в ASP.NET Core

Добавление поля custom_password в UserSerializer без его регистрации в модели пользователя в Django REST API

Многоразовое представление SwiftUI

Как создать конкретное представление «один из многих» с помощью Microsoft SQL Server

Три строки кода повторяются в трех разных функциях просмотра

Я пишу запрос в снежинке, чтобы получить данные из разных таблиц и представлений, а затем хочу объединить вывод в одном представлении, чтобы другие могли получить к нему доступ

Проведите по горизонтали, чтобы закрыть контроллер представления в Swift

Flutter navigator скрывает (закрывает) содержимое первого окна

Ответы 2

Другие вопросы по теме

Похожие вопросы