Я работаю над клоном пользовательского интерфейса Spotify (веб-версия) на Flutter Web и реализовал верхнюю панель с кнопками «назад/вперед» и пользовательской вещью справа в виде столбца, но они поняли, что панель исправлена на его позиции, и что ваши музыкальные предложения прокручиваются через него.
Мое решение состояло в том, чтобы установить стек с панелью сверху, например:
_mainScreen(BuildContext context){
Size size = MediaQuery.of(context).size;
return Container(
padding: EdgeInsets.symmetric(horizontal: 15.0),
color: Color.fromRGBO(22, 22, 22, 1.0),
height: double.infinity,
width: size.width*0.82,
child: Stack(
children: <Widget>[
SingleChildScrollView(
child: Column(
children: <Widget>[
SizedBox(height: size.height*0.09,),
_suggestionLists(size)
],
),
),
_topBar(size)
],
)
);
}
А потом произошло следующее: Этой белой линии быть не должно
Не было его и до внесения изменений, о которых я упоминал ранее. Это код для этого виджета:
_profileButtons(Size size){
return Container(
height: size.height*0.05,
padding: EdgeInsets.symmetric(horizontal: 5.0),
decoration: BoxDecoration(
color: Color.fromRGBO(15, 15, 15, 0.8),
borderRadius: BorderRadius.circular(100.0)
),
child: DropdownButton<String>(
dropdownColor: Color.fromRGBO(75, 75, 75, 1.0),
style: TextStyle(color: Colors.white),
hint: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
padding: EdgeInsets.all(1.0),
child: Icon(Icons.person, color: Colors.white, size: 20,),
decoration: BoxDecoration(
color: Color.fromRGBO(75, 75, 75, 1.0),
border: Border.all(color: Color.fromRGBO(75, 75, 75, 1.0)),
borderRadius: BorderRadius.circular(100.0)
),
),
SizedBox(width: 5.0,),
Text('Your UserName', style: TextStyle(color: Colors.white),),
],
),
icon: Icon(Icons.arrow_drop_down, color: Colors.white,),
items: <String>['Account', 'Profile', 'Log out'].map((String value) {
return new DropdownMenuItem<String>(
value: value,
child: new Text(value),
);
}).toList(),
onChanged: (_) {},
)
);
}
Я пытался немного напортачить с контейнером, границами и т. д., но, похоже, я не нашел, что с этим не так, может быть, это ошибка рендеринга? Я предоставлю дополнительный код/детали, если потребуется
О, я облажался, отсутствует код, который их связывает, в любом случае, кто-то ответил что-то многообещающее, я попробую это завтра
Вы можете скопировать и вставить полный код ниже
Чтобы скрыть подчеркивание, вы можете использовать DropdownButtonHideUnderline
перенос DropdownButton
фрагмент кода
DropdownButtonHideUnderline(
child: DropdownButton<String>(
рабочая демонстрация
полный код
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
_profileButtons(Size size) {
return Container(
height: size.height * 0.05,
padding: EdgeInsets.symmetric(horizontal: 5.0),
decoration: BoxDecoration(
color: Color.fromRGBO(15, 15, 15, 0.8),
borderRadius: BorderRadius.circular(100.0)),
child: DropdownButtonHideUnderline(
child: DropdownButton<String>(
dropdownColor: Color.fromRGBO(75, 75, 75, 1.0),
style: TextStyle(color: Colors.white),
hint: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
padding: EdgeInsets.all(1.0),
child: Icon(
Icons.person,
color: Colors.white,
size: 20,
),
decoration: BoxDecoration(
color: Color.fromRGBO(75, 75, 75, 1.0),
border:
Border.all(color: Color.fromRGBO(75, 75, 75, 1.0)),
borderRadius: BorderRadius.circular(100.0)),
),
SizedBox(
width: 5.0,
),
Text(
'Your UserName',
style: TextStyle(color: Colors.white),
),
],
),
icon: Icon(
Icons.arrow_drop_down,
color: Colors.white,
),
items:
<String>['Account', 'Profile', 'Log out'].map((String value) {
return new DropdownMenuItem<String>(
value: value,
child: new Text(value),
);
}).toList(),
onChanged: (_) {},
),
));
}
@override
Widget build(BuildContext context) {
return Scaffold(appBar: AppBar(), body: _profileButtons(Size(800, 800)));
}
}
Попробовал, работает как шарм, большое спасибо
Я не вижу никакой связи между этими двумя частями кода, можете ли вы дать мне больше кода?