Я пытаюсь отобразить видео и некоторые кнопки вроде этого.
Scaffold(
backgroundColor: Colors.black,
body: SafeArea(
child: Stack(
children: <Widget>[
Center(
child: AspectRatio(
aspectRatio: _videoPlayer.value.aspectRatio,
child: VideoPlayer(_videoPlayer)
),
),
Align(
alignment: Alignment.topCenter,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
IconButton(
icon: Icon(Icons.clear, color: Colors.white),
onPressed: () {
Navigator.of(context).pop();
},
),
IconButton(
icon: Icon(Icons.add, color: Colors.white),
onPressed: () {
Navigator.of(context).pop();
},
)
],
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Align(
alignment: Alignment.bottomCenter,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Expanded(
child: RaisedButton(
child: Text('Dummy Text'),
color: Colors.white,
onPressed: () {},
),
),
SizedBox(width: 10.0),
FloatingActionButton(
child: Icon(Icons.more_horiz, color: Colors.black),
backgroundColor: Colors.white,
onPressed: () {
Navigator.of(context, rootNavigator: true).push(MaterialPageRoute(builder: (_) => Page1()));
},
)
],
),
),
)
],
),
)
);
Выглядит нормально, но немного странно.Выровненные кнопки расположены посередине края видео и снаружи видео.Похоже на это.
Это из-за неправильного соотношения сторон видео, поскольку здесь возникает проблема ссылка ?Как я могу выровнять кнопки вне видео, как это?