홈>
플러터에서 나는 간단한
Text
를 갖고 싶어
Container
내부
컨테이너에 배경색이있는 경우 (예 :
안타깝게도이 스크린 샷을 플러터 위젯으로 설정하거나 만들 수 없습니다
Expanded(
child: Container(
margin: EdgeInsets.only(top: 10.0),
child: ListView(
children: <Widget>[
Container(
padding: EdgeInsets.only(right: 1.0, left: 1.0),
child: Center(
child: bottomSheetDashBoardItems(
widget.dashboardItems),
),
), //container
], //list view children
), //list view
), //container
), //Expanded
Widget bottomSheetDashBoardItems(List<DashboardItems> dashboardItems) {
return Wrap(
children: dashboardItems
.map((item) => Container(
width: 75.0,
height: 75.0,
margin: EdgeInsets.all(5.0),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(5.0)),
boxShadow: [
BoxShadow(
blurRadius: 0.5,
color: Colors.black,
offset: Offset(0.0, 0.0),
)
]),
child: Center(
child: Stack(
children: <Widget>[
Padding(
padding: const EdgeInsets.only(bottom: 12.0),
child: Align(
alignment: Alignment.center,
child: Image.asset(
item.icon,
width: 40.0,
height: 40.0,
),
),
),
Align(
alignment: Alignment.bottomCenter,
child: Container(
decoration: BoxDecoration(
color: Colors.indigo[400],
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(5.0),
bottomRight: Radius.circular(5.0),
),
),
child: Padding(
padding: const EdgeInsets.only(top: 3.0),
child: Text(
item.title,
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontFamily: 'IranSansLight',
fontSize: 9.0),
),
),
),
),
],
)),
))
.toList());
}
결과 :
- 답변 # 1
- 답변 # 2
Container
희망의 일
Align( alignment: Alignment.bottomCenter, child: Container( // width: 75.0, <--- remove this width and try height: 19.0, decoration: BoxDecoration( color: Colors.indigo[400], borderRadius: BorderRadius.only( bottomLeft: Radius.circular(5.0), bottomRight: Radius.circular(5.0), ), ),
관련 자료
- flutter - 컨테이너 높이를 어린이 높이로 강제 설정
- html 및 css - 컨테이너의 배경색을 변경할 수 없음
- 설레다 - 은색의 배경을 설정하는 방법
- material ui - Flutter OutlineButton의 배경색을 설정하는 방법은 무엇입니까?
- flutter는 http를 사용하여 백그라운드 인터페이스를 검색합니다 오류 - formatexception : 잘못된 기수 -10 숫자
- javascript - 반응하는 부모에서 자식 컨테이너로 API 호출에 대한 데이터 전달
- android - Flutter Scaffold는 시스템 네비게이션 바 뒤에 자식을 허용합니다
- android - 설레임 배경을 플러터로 만드는 법
- docker - 컨테이너 링크를 하위 컨테이너로 전달하는 방법은 무엇입니까?
- Flutter의 정렬 속성 컨테이너
- dart - 나머지 스크린을 차지하도록 플러터로 컨테이너를 늘리려면 어떻게합니까?
- html - 파란색 상단 표시 줄에 넣은 검색 컨테이너의 배경색을 설정하는 방법은 무엇입니까?
- Flutter 탭에서 컨테이너 색상을 변경하려면 어떻게해야하나요?
- dart - 실룩 거리다 자식 캔버스 그림을 기반으로 부모의 높이 설정
- Flutter에서 Column의 자식을 컨테이너의 하단에 정렬하는 방법
- Flutter Stack의 자식은 선형 그라디언트를 사용하는 동안 투명합니다
- dart - Flutter에서 AnimatedPositioned의 AnimatedSize 자식을 어떻게 사용할 수 있습니까?
- Flutter는 행의 각 자식에 대해 여러 교차 축 정렬을 갖는 방법
- html - 부트 스트랩 컨테이너가있는 반폭 배경 이미지
- flutter - 컨테이너에 수학 방정식을 래핑하는 방법은 무엇입니까?
관련 질문
- Flutter에서 헤더로 CSV 파일 매핑 읽기
- flutter : 넘치지 않고 아이콘을 배치하는 방법은 무엇입니까? 패딩을 추가하고 위젯을 유연하게 래핑하여 시도했지만 지금까지 운이 없었습니다.
- flutter : 위치 지정 위젯을 반응 형으로 만들기
- Flutter Custom Painter 및 키보드 문제
- flutter : AppBar에서 IconButton을 눌러 Scaffold 본문 위에 떠있는 TextField를 표시합니다 (2 개가 아닌 하나의 위젯 포함).
- 기호에 빨간색 별표 (*)를 설정하는 방법은 Flutter의 필수 필드입니다.
- google_maps_flutter로 마커 내부에 텍스트를 만드는 방법은 무엇입니까?
- 이 디자인을 Flutter에 어떻게 적용 할 수 있습니까?
- 이름과 성이 서로 옆에있는 Flutter 가입 페이지
- dart : 전체 너비 버튼, 텍스트 정렬 방법
# 1
기능을 통해 위젯 트리를 시작하지 마십시오.
<시간>StatelessWidget
아래에 클래스를 만듭니다 대신에. 자세한 내용은이 답변을 확인하십시오.# 2
빨간 막대는 자동으로 너비가 확장되지 않습니다-이미
Stack
를 사용하고 있기 때문에 간단한 해결책을 제안 할 수 있습니다.와이즈 비즈 교체
Align
의 (두 번째자식 )Stack
와 함께 이렇게 :그리고
Positioned( left: 0, right: 0, bottom: 0, height: 19, child: // ... )
를 제거하십시오width
의 재산 .이것이 도움이되었는지 알려주십시오.