Невозможно отобразить BottomNavigationBar в флаттере - PullRequest
1 голос
/ 18 февраля 2020

У меня проблема с отображением нижней панели навигации. Я не понимаю, почему у меня нет проблем в консоли.


class MyApp extends StatefulWidget {
  @override

  State<StatefulWidget> createState(){
    return _MyAppState();
  }

}

class _MyAppState extends State<MyApp>  {

  int _selectedPage =0;
  final _pageOptions = [
    HomeScreen(),
    ProfileScreen(),
  ];


  @override
  Widget build(BuildContext context) {
    var localizationDelegate = LocalizedApp.of(context).delegate;
    return  LocalizationProvider(
      state: LocalizationProvider.of(context).state,
      child: MaterialApp(
          localizationsDelegates: [
          GlobalMaterialLocalizations.delegate,
          GlobalWidgetsLocalizations.delegate,
          localizationDelegate
        ],
        initialRoute: '',
        onGenerateRoute: MyRoutes().getRoute,
        supportedLocales: localizationDelegate.supportedLocales,
//        locale: localizationDelegate.currentLocale,
        theme: ThemeData( primarySwatch: Colors.red),
        home:  Scaffold(
          body: _pageOptions[_selectedPage],
          bottomNavigationBar: BottomNavigationBar(
              type: BottomNavigationBarType.fixed,
              currentIndex: _selectedPage,
              onTap: (int index){
                setState(() {
                  _selectedPage = index;
                });
              },
              items: [
                BottomNavigationBarItem(
                  icon: Icon(Icons.home),
                  title: Text('Home'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.account_circle),
                  title: Text('Me'),
                ),
              ]
          ),
        ),
      ),
    );

  }
}


Я использую flutter_translate . Я знаю, что это очень простой случай, но я застрял на нем. Я ищу в Google, но не могу найти ничего подходящего для моего случая.

Спасибо.

Решено

  1. Удалить приложение с моего устройства (мобильного)
  2. Очистка флаттера в консоли
  3. Запуск отладки в Android Studio

Ответы [ 2 ]

1 голос
/ 18 февраля 2020

Вы можете попробовать это,

Нижняя панель навигации является собственностью лесов.

bottomNavigationBar: BottomAppBar(
        shape: CircularNotchedRectangle(),
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 48.0, vertical: 3),
          child: new Row(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.home),
                color: Colors.white,
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(Icons.contact_phone),
                color: Colors.white,
                onPressed: () {},
              ),
            ],
          ),
        ),
        color: Colors.blueGrey,
      );

enter image description here

1 голос
/ 18 февраля 2020

Без кода местоположения работает нормально, вы правильно настроили flutter_translate ? делегат настроек и активы, как показано ниже:

  var delegate = await LocalizationDelegate.create(
        fallbackLocale: 'en_US',
        supportedLocales: ['en_US', 'es', 'fa']);

  runApp(LocalizedApp(delegate, MyApp()));

https://github.com/bratan/flutter_translate/wiki/1.-Installation, - Конфигурация - & - Использование

Мне кажется, что вы что-то упустили в этой настройке.

Можете ли вы описать больше, что именно происходит? Покажите какой-нибудь шрифт или гифку с поведением?

увидимся

...