Я пытаюсь поместить содержимое под CupertinoNavigationBar.

Но виджеты контента частично покрываются CupertinoNavigationBar.

Я не понимаю, почему дочерний столбец не смещен по вертикали, так что верх не покрывается CupertinoNavigationBar.

Ниже скриншот, а мой код

iOS simulator screenshot

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class PersonalInfoEditor extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: buildNavigationBar(context),
      child: Column(
        children: <Widget>[
          Text('Personal Info'),
          Text('t1'),
        ],
      ),
    );
  }

  CupertinoNavigationBar buildNavigationBar(BuildContext context) {
    return CupertinoNavigationBar(        
        trailing: CupertinoButton(
          child: Text('Save', style: TextStyle(color: CupertinoColors.activeBlue)),
          onPressed: () => Navigator.pop(context),
        ));
  }
}
10
Frank Harper 24 Сен 2018 в 06:10

1 ответ

Лучший ответ

Заверните ребенка внутрь SafeArea:

        return CupertinoPageScaffold(
              navigationBar: buildNavigationBar(context),
              child: SafeArea(
                child: Column(
                  children: <Widget>[
                    Text('Personal Info'),
                    Text('t1'),
                  ],
                ),
              ),
            );

И не забудьте использовать CupertinoApp вместо MaterialApp

21
diegoveloper 24 Сен 2018 в 03:22