幫助！！請我收到這個錯誤
顏色 == 空 || decoration == null "不能同時提供顏色和裝飾\n要同時提供兩者，請使用 "decoration: BoxDecoration(color: color)"。" 相關的導致錯誤的小部件是： AppIconText AppIconText:file:///Users/jessezephyr/projects/flutter/ticketapp/lib/screens/search_screen.dart:67:17
這是代碼
`flutter`
{
```
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:ticketapp/utils/app_layout.dart';
import '../utils/app_styles.dart';
class AppIconText extends StatelessWidget {
final IconData icon;
final String text;
const AppIconText({super.key, required this.icon, required this.text});
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(
vertical: AppLayout.getWidth(12),
horizontal: AppLayout.getHeight(12)),
color: Colors.white,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(AppLayout.getWidth(10)),
),
child: Row(
children: [
Icon(
icon,
color: const Color(0XFF8FC20F),
),
Gap(AppLayout.getWidth(10)),
Text(
text,
style: Styles.textStyle,
)
],
),
);
}
}
}
{
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:ticketapp/utils/app_layout.dart';
import 'package:ticketapp/utils/app_styles.dart';
import 'package:ticketapp/widgets/icon_text_widget.dart';
class SearchScreen extends StatelessWidget {
const SearchScreen({super.key});
@override
Widget build(BuildContext context) {
final size = AppLayout.getSize(context);
return Scaffold(
backgroundColor: Styles.bgColor,
body: ListView(
padding: EdgeInsets.symmetric(
horizontal: AppLayout.getWidth(20),
vertical: AppLayout.getHeight(20)),
children: [
Gap(AppLayout.getHeight(40)),
Text(
'What are you \nlooking for?',
style:
Styles.headLineStyle.copyWith(fontSize: AppLayout.getWidth(35)),
),
Gap(AppLayout.getHeight(20)),
FittedBox(
child: Container(
padding: const EdgeInsets.all(3.5),
child: Row(
children: [
/*
Airline TICKETS
*/
Container(
width: size.width * .44,
padding:
EdgeInsets.symmetric(vertical: AppLayout.getHeight(7)),
decoration: BoxDecoration(
borderRadius: BorderRadius.horizontal(
left: Radius.circular(AppLayout.getHeight(50))),
color: Colors.white,
),
child: Center(child: Text('Airline tickets')),
),
Container(
width: size.width * .44,
padding:
EdgeInsets.symmetric(vertical: AppLayout.getHeight(7)),
decoration: BoxDecoration(
borderRadius: BorderRadius.horizontal(
right: Radius.circular(AppLayout.getHeight(50))),
color: Colors.transparent,
),
child: Center(child: Text('Hotels ')),
),
],
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(AppLayout.getHeight(50)),
color: const Color(0xFFF4F6FD),
),
),
),
Gap(AppLayout.getHeight(25)),
const AppIconText(
icon: Icons.flight_takeoff_rounded, text: 'Departure'),
Gap(AppLayout.getHeight(15)),
const AppIconText(icon: Icons.flight_land_rounded, text: 'Arrival'),
],
),
);
}
}
```
}
It's supposed to display an icon and text
它應該顯示一個文本和一個圖示，但它不作業
uj5u.com熱心網友回復：
在 AppIconText 小部件中，回傳的 Container 小部件定義了顏色和裝飾。如錯誤訊息中所述，這是不允許的。容器應該有顏色或裝飾，或者沒有。您不能在容器上同時擁有顏色和裝飾。這是因為盒子裝飾本身具有顏色屬性。如果您使用裝飾，您應該使用此屬性為容器分配顏色。
Container(
padding: EdgeInsets.symmetric(
vertical: AppLayout.getWidth(12),
horizontal: AppLayout.getHeight(12)),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(AppLayout.getWidth(10)),
color: Colors.white,
),
......
);
只需在 BoxDecoration 中移動 color 屬性，它就會起作用。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/523384.html
標籤：扑镖颤振布局扑网颤振测试