未定义命名参数“fontSize”,在flutter代码中

gcxthw6b  于 2023-02-20  发布在  Flutter
关注(0)|答案(7)|浏览(147)

我想添加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)),
                      ),
                    ),


               ]
                    ),

                  ],
                ),


    );
  }
}
yzckvree

yzckvree1#

这是使用**TextStyle** . reference的正确方法。

Text(
    'text',
     style: TextStyle(
             fontSize: 20,
             fontWeight: FontWeight.bold),
     ),
5t7ly7z5

5t7ly7z52#

您应该使用文本样式

Text(
   "your text here" , 
    style: TextStyle(
        fontsize: ,
        fontWeight: 
         ),
     )
6ojccjat

6ojccjat3#

您需要TextStyle来更改字体大小、颜色、字体粗细等。

child: Text("xs", style: TextStyle(
    fontSize: 20,
    fontWeight: FontWeight.bold
  ),
),
qncylg1j

qncylg1j4#

你写了一个错误的代码,试试下面的代码,希望对你有帮助.
参见**Text Classhere
参见
TextStyle**here

Center(
  child: Text(
    "xs",
    style: TextStyle(
      fontSize: 20,
      fontWeight: FontWeight.bold,
    ),
  ),
),

您的重置屏幕-〉x1c 0d1x

tnkciper

tnkciper5#

将文本样式放入TextStyle小工具中。

这里的问题很简单,文本小部件没有任何属性fontSize或字体粗细,而是TextStyle小部件。

这就是它的工作原理

const Center(
  child: Text("xs",
  style: TextStyle(
    fontSize: 22,
    fontWeight: FontWight.bold
  
  )
)
ttygqcqt

ttygqcqt6#

这是文本小工具的textStyle的 prop ,所以首先你必须给予文本小工具的textStyle,然后设置这个。

Text(
"Helo world",
style: TextStyle(
  fontSize: 30,
  fontWeight: FontWeight.normal,
)),
oxosxuxt

oxosxuxt7#

使用此:-中心(子级:文本(“xs”,样式:文本样式(字体大小:20,字体粗细:字体粗细.粗体,),),),

相关问题