我想添加5箱容器显示xs,s,m,l,xl大小。但代码抛出错误。我应该在哪里纠正这一点?请参考这里的图像。我添加一个容器来创建这些。我是新的Flutter,任何人都可以请帮助
我如何才能解决这个问题。
错误〉〉命名参数'fontSize'未定义。在flutter代码中错误〉〉命名参数'fontWeight'未定义。
import 'package:flutter/material.dart';
class DetailsScreen extends StatelessWidget {
const DetailsScreen({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
backgroundColor: Colors.pinkAccent,
),
body: Column(
children: <Widget>[
Expanded(
child: Container(height: MediaQuery.of(context).size.height*.8,
padding: EdgeInsets.all(10.0),
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage("assets/images/image23.png"),
//fit: BoxFit.fitHeight,
),
),
),
),
Stack(
alignment: Alignment.bottomRight,
children: <Widget>[
// Max Size
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(30.0),
color: Colors.red.shade50,
),
alignment: const Alignment (1,1),
height: 400,
width: 350,
child: Column(
children: const [
Padding(
padding: const EdgeInsets.fromLTRB(10, 40, 100, 40),
child: Text(
"Summer Collections",
style: TextStyle(
fontSize: 24,
color: Color(0xff262626),
fontWeight: FontWeight.w700),
textAlign: TextAlign.left,
),
),
Padding(
padding: const EdgeInsets.fromLTRB(0, 0, 270, 100),
child: Text(
"Sizes",
style: TextStyle(
fontSize: 12,
color: Color(0xff262626),
fontWeight: FontWeight.w700),
textAlign: TextAlign.left,
),
),
],
),
)
Container(
child: Row(
children: [
Container(
height:49, width: 49,
decoration: BoxDecoration(
color: Color.fromRGBO(228, 228, 228, 1),
borderRadius: BorderRadius.circular(10)
),
child:const Center(
child:Text("xs",
fontSize:20,
fontWeight:FontWeight.bold
),
),
)
],
)),
Padding(
padding: const EdgeInsets.fromLTRB(230, 110, 0, 40),
child: ElevatedButton(
onPressed: () {},
child: const Text(
"Add to Cart ",
),
style: ElevatedButton.styleFrom(
primary: Colors.black,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(30),
bottomRight: Radius.circular(20))),
padding: const EdgeInsets.all(15)),
),
),
]
),
],
),
);
}
}
7条答案
按热度按时间yzckvree1#
这是使用
**TextStyle**
. reference的正确方法。5t7ly7z52#
您应该使用文本样式:
6ojccjat3#
您需要
TextStyle
来更改字体大小、颜色、字体粗细等。qncylg1j4#
你写了一个错误的代码,试试下面的代码,希望对你有帮助.
参见**
Text Class
here参见
TextStyle
**here您的重置屏幕-〉x1c 0d1x
tnkciper5#
将文本样式放入TextStyle小工具中。
这里的问题很简单,文本小部件没有任何属性fontSize或字体粗细,而是TextStyle小部件。
这就是它的工作原理
ttygqcqt6#
这是文本小工具的textStyle的 prop ,所以首先你必须给予文本小工具的textStyle,然后设置这个。
oxosxuxt7#
使用此:-中心(子级:文本(“xs”,样式:文本样式(字体大小:20,字体粗细:字体粗细.粗体,),),),