Flutter 我们如何从中心开始书写文本

Flutter 我们如何从中心开始书写文本,flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,我想实现屏幕截图中显示的布局。我的目标是从中心开始写文章。(通常在Flatter中,我们可以从左到右或从右到左书写,也可以将文本居中,但当换行时,它会从左开始书写,因此我想知道将文本居中书写的方法,就像我们在文本居中时键入MS word一样) 您可以创建一个小容器,在该容器内您可以添加一列,在该列中添加一行,在第一行中您可以添加文本('通过签名…')、文本按钮('条款和条件…')您的文本颜色将为蓝色,背景色为白色,保持最小填充 在您的列中添加第二行,并按照您在第一行中所做的操作进行操作您需要使用

我想实现屏幕截图中显示的布局。我的目标是从中心开始写文章。(通常在Flatter中,我们可以从左到右或从右到左书写,也可以将文本居中,但当换行时,它会从左开始书写,因此我想知道将文本居中书写的方法,就像我们在文本居中时键入MS word一样)


您可以创建一个小容器,在该容器内您可以添加一列,在该列中添加一行,在第一行中您可以添加文本('通过签名…')、文本按钮('条款和条件…')您的文本颜色将为蓝色,背景色为白色,保持最小填充


在您的列中添加第二行,并按照您在第一行中所做的操作进行操作

您需要使用RichText小部件。下面是一个例子:

RichText(
textAlign: TextAlign.center,
  text: TextSpan(
    text:  "By signing up you're agreeing to our\n",
    style: TextStyle(
      color: Colors.black,
    ),
    children: <TextSpan>[
      TextSpan(
        text:'Terms of Service',
        style: TextStyle(
          color: Colors.black,
          decoration: TextDecoration.underline,
        ),
        recognizer: TapGestureRecognizer()
          ..onTap = () {
            showDialog<void>(
              context: context,
              builder: (context) {
                return TermsOfServicePage();
              },
            );
          },
      ),
      TextSpan(
          text:  '  and  ',
          style: TextStyle(
          )),
      TextSpan(
        text: "Privacy Policy",
        style: TextStyle(
          color: Colors.black,
          decoration: TextDecoration.underline,
        ),
        recognizer: TapGestureRecognizer()
          ..onTap = () {
            showDialog<void>(
              context: context,
              builder: (context) {
                return PrivacyPolicyPage();
              },
            );
            },
        )
      ],
  ),
  );
RichText(
textAlign:textAlign.center,
text:TextSpan(
文本:“注册即表示您同意我们的\n”,
样式:TextStyle(
颜色:颜色,黑色,
),
儿童:[
TextSpan(
正文:“服务条款”,
样式:TextStyle(
颜色:颜色,黑色,
装饰:textEdition.underline,
),
识别器:TapGestureRecognizer()
…onTap=(){
显示对话框(
上下文:上下文,
生成器:(上下文){
返回TermsOfServicePage();
},
);
},
),
TextSpan(
文本:'和',
样式:TextStyle(
)),
TextSpan(
正文:“隐私政策”,
样式:TextStyle(
颜色:颜色,黑色,
装饰:textEdition.underline,
),
识别器:TapGestureRecognizer()
…onTap=(){
显示对话框(
上下文:上下文,
生成器:(上下文){
返回PrivacyPolicyPage();
},
);
},
)
],
),
);