本文实例为大家分享了Flutter底部导航栏的实现代码,供大家参考,具体内容如下
老规格,先看图:
?
程序主结构如下:
?...title: 'Flutter Demo',
theme: ThemeData.light(),
home: BottomNavigationWidget(),
);
}
}
2.创建...return Scaffold(
appBar: AppBar(title: Text('MyPage'),),
body: Center(
child: Text('这是我的'...),
),
);
}
}
3.创建动态组件BottomNavigationWidget,新建bottom_navigation.dart
import 'package:flutter/material.dart...,style: TextStyle(color: Colors.blue))
),
]
),
);
}
}
以上就是本文的全部内容,希望对大家的学习有所帮助。