Flutter 将抽屉项目图标更改为右颤振
我在颤振中使用了抽屉,我使用终端抽屉来改变抽屉的方向 但我还需要将抽屉项目图标的方向更改为右颤振,我该怎么做?Flutter 将抽屉项目图标更改为右颤振,flutter,dart,Flutter,Dart,我在颤振中使用了抽屉,我使用终端抽屉来改变抽屉的方向 但我还需要将抽屉项目图标的方向更改为右颤振,我该怎么做? 您可以使用ListTile小部件来实现这一点 这样试试 import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; void main() => runApp( HomeApp()); class HomeApp extends StatelessWidget { @o
您可以使用
ListTile
小部件来实现这一点
这样试试
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
void main() => runApp( HomeApp());
class HomeApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return new MaterialApp(
theme: new ThemeData(
primarySwatch: Colors.deepPurple,
brightness: Brightness.light,
accentColor: Colors.red),
home: new HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageScreen createState() => _HomePageScreen();
}
class _HomePageScreen extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Home"),
),
endDrawer: Drawer(
child: ListView(
padding: EdgeInsets.all(0.0),
children: <Widget>[
UserAccountsDrawerHeader(
accountName: Text("Nilesh Rathod"),
accountEmail: Text("nilesh@gmail.com"),
currentAccountPicture: CircleAvatar(
backgroundColor: Colors.white,
child: Text("Nilu"),
),
otherAccountsPictures: <Widget>[
CircleAvatar(
backgroundColor: Colors.white,
child: Text("Pilu"),
),
],
),
ListTile(
title: Text("Home"),
trailing: Icon(Icons.new_releases),
),
Divider(),
ListTile(
title: Text("Profile"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Tab Layout"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Comman View Demo"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Close"),
trailing: Icon(Icons.close),
onTap: () => Navigator.of(context).pop(),
),
],
),
),
body: Center(
child: Text("Home Screen"),
),
);
}
}
导入“包:flift/foundation.dart”;
进口“包装:颤振/材料.省道”;
void main()=>runApp(HomeApp());
类HomeApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
//TODO:实现构建
返回新材料PP(
主题:新主题数据(
原色样本:颜色。深紫色,
亮度:亮度,亮度,
颜色:颜色。红色),
主页:新主页(),
);
}
}
类主页扩展了StatefulWidget{
@凌驾
_HomePageScreen createState()=>\u HomePageScreen();
}
类_HomePageScreen扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(“主页”),
),
收尾抽屉(
子:ListView(
填充:所有边缘设置(0.0),
儿童:[
UserAccountsDrawerHeader(
账户名称:文本(“Nilesh Rathod”),
帐户电子邮件:文本(“nilesh@gmail.com"),
currentAccountPicture:CircleAvatar(
背景颜色:Colors.white,
子:文本(“Nilu”),
),
其他帐户结构:[
圆形(
背景颜色:Colors.white,
子:文本(“Pilu”),
),
],
),
列表砖(
标题:文本(“主页”),
尾随:图标(图标。新发布),
),
分隔符(),
列表砖(
标题:文本(“简介”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“选项卡布局”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“Comman视图演示”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“结束”),
尾随:图标(Icons.close),
onTap:()=>Navigator.of(context.pop(),
),
],
),
),
正文:中(
子:文本(“主屏幕”),
),
);
}
}
示例代码
您可以使用
ListTile
小部件来实现这一点
这样试试
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
void main() => runApp( HomeApp());
class HomeApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return new MaterialApp(
theme: new ThemeData(
primarySwatch: Colors.deepPurple,
brightness: Brightness.light,
accentColor: Colors.red),
home: new HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageScreen createState() => _HomePageScreen();
}
class _HomePageScreen extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Home"),
),
endDrawer: Drawer(
child: ListView(
padding: EdgeInsets.all(0.0),
children: <Widget>[
UserAccountsDrawerHeader(
accountName: Text("Nilesh Rathod"),
accountEmail: Text("nilesh@gmail.com"),
currentAccountPicture: CircleAvatar(
backgroundColor: Colors.white,
child: Text("Nilu"),
),
otherAccountsPictures: <Widget>[
CircleAvatar(
backgroundColor: Colors.white,
child: Text("Pilu"),
),
],
),
ListTile(
title: Text("Home"),
trailing: Icon(Icons.new_releases),
),
Divider(),
ListTile(
title: Text("Profile"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Tab Layout"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Comman View Demo"),
trailing: Icon(Icons.person),
onTap: () => {},
),
Divider(),
ListTile(
title: Text("Close"),
trailing: Icon(Icons.close),
onTap: () => Navigator.of(context).pop(),
),
],
),
),
body: Center(
child: Text("Home Screen"),
),
);
}
}
导入“包:flift/foundation.dart”;
进口“包装:颤振/材料.省道”;
void main()=>runApp(HomeApp());
类HomeApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
//TODO:实现构建
返回新材料PP(
主题:新主题数据(
原色样本:颜色。深紫色,
亮度:亮度,亮度,
颜色:颜色。红色),
主页:新主页(),
);
}
}
类主页扩展了StatefulWidget{
@凌驾
_HomePageScreen createState()=>\u HomePageScreen();
}
类_HomePageScreen扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(“主页”),
),
收尾抽屉(
子:ListView(
填充:所有边缘设置(0.0),
儿童:[
UserAccountsDrawerHeader(
账户名称:文本(“Nilesh Rathod”),
帐户电子邮件:文本(“nilesh@gmail.com"),
currentAccountPicture:CircleAvatar(
背景颜色:Colors.white,
子:文本(“Nilu”),
),
其他帐户结构:[
圆形(
背景颜色:Colors.white,
子:文本(“Pilu”),
),
],
),
列表砖(
标题:文本(“主页”),
尾随:图标(图标。新发布),
),
分隔符(),
列表砖(
标题:文本(“简介”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“选项卡布局”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“Comman视图演示”),
尾随:图标(Icons.person),
onTap:()=>{},
),
分隔符(),
列表砖(
标题:文本(“结束”),
尾随:图标(Icons.close),
onTap:()=>Navigator.of(context.pop(),
),
],
),
),
正文:中(
子:文本(“主屏幕”),
),
);
}
}
示例代码
使用ListTile拖尾属性
ListTile(
title: Text("text"),
trailing: Icon(Icons.account),
onTap:null,
),
使用ListTile尾随属性
ListTile(
title: Text("text"),
trailing: Icon(Icons.account),
onTap:null,
),
谢谢,但是我能把文字移到右边吗??因为我使用了正确的语言谢谢,但是我可以把文本移到右边吗??因为我用的是正确的语言