标签: flutter-layout

我需要在句子开头具有文本的溢出属性，所以而不是

A very looooooooooong senten...

我希望省略号的结果是

...ery looooooooooong sentence.

可以以某种方式设置吗？

作为颤振的初学者，我在颤振中制作了第一个登录表单，但唯一的问题是我不知道如何在颤振中隐藏/显示密码我已经在互联网上复制了隐藏/显示密码代码，但我多次收到错误我不知道如何执行代码的正确方法请帮助我，这是下面给出的我的代码。

import 'package:flutter/material.dart';

    class LogInForm extends StatelessWidget {
      const LogInForm({Key? key}) : super(key: key);
      
    
      @override
      
      Widget build(BuildContext context) {
        return Scaffold(
            body: Container(
          height: MediaQuery.of(context).size.height,
          width: double.infinity,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Expanded(
                child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: <Widget>[
                      Column(
                        children: <Widget>[
                          Text(
                            "Welcome",
                            style: TextStyle(
                                fontSize: 50, fontWeight: FontWeight.bold),
                          ),
                          SizedBox(
                            height: 30,
                          ),
                          Text(
                            "Login to your account",
                            style: TextStyle(fontSize: 25, color: Colors.grey[700]),
                          )
                        ],
                      ),
                      
                      Container(
                          margin: EdgeInsets.fromLTRB(200, 100, 200, 0),
                          child: TextField(
                            decoration: InputDecoration(
                                border: …

我想在开始加载时添加带有灰色背景的全屏加载以FullScreen覆盖其中。

过去，我使用了Stack小部件，但堆栈没有覆盖我的应用程序栏。

我认为添加Scaffold小Stack部件并不是一个好方法

   TextFormField(
      validator: validator,
   ),

在文本字段中，有一个名为 的属性validator，可以与Form小部件一起使用来显示错误。我需要在我的自定义小部件中创建一个也可以在Form小部件内部工作的验证器。怎么做？

假设我的自定义小部件如下所示：

class MyCustomWidget extends StatelessWidget {
  const MyCustomWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      height: 100,
      color: Colors.green,
    );
  }
}

如何制作我自己的验证器以在可以在Form小部件内工作的绿色容器下方显示错误？

我的代码中之前有这个错误{ (builde:(context,snapshot)

buildSearchresult() {
    return FutureBuilder(
        future: searchresultfuture,
        builder: (context, snapshot) {
          if (!snapshot.hasData) {
            return CircularProgress();
          }
          
          
        });
  }

预计会找到 ')'.dart(expected_token)如图所示

我正在使用简单的小部件创建自定义步进标头。我需要分别将第一个、中间和最后一个项目的数字之间的线（容器）对齐到 centerRight、center 和 centerLeft。

问题在于，Stack 被包装在一个 Exapanded 小部件内，该小部件是 Row 的子级，而 Row 又是列的子级。只要我们不使用列，Stack 的垂直对齐就可以正常工作。

但是，当我包裹Rowa 的内部时Column， 的Stack垂直对齐方式仅保留在顶部。请参阅下图了解输出。目前，调试控制台没有给出有关此问题的错误或警告。

我该如何解决这个问题？

错误行为：

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  Widget build(BuildContext context) {
    return SafeArea(
      child: Column(
        children: [
          Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                child: Stack(
                  children: [
                    Align(
                      alignment: Alignment.centerRight,
                      child: LayoutBuilder(
                        builder: (ctx, constraints) =>
                            Container(
                              width: constraints.maxWidth / 2.0,
                              height: 1,
                              color: Colors.black,
                            ),
                      ),
                    ),
                    Align(
                        alignment: Alignment.center,
                        child: …

当用户单击按钮时，我试图从 firebase 中删除数据。

await context线路有问题！

class SecurityOption extends StatelessWidget {//StatelessWidget
  const SecurityOption({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Divider(
          height: 3,
        ),
        ListTile(
          title: Text('security').tr(),
          leading: Container(
            height: 30,
            width: 30,
            decoration: BoxDecoration(
                color: Colors.red, borderRadius: BorderRadius.circular(5)),
            child: Icon(Feather.lock, size: 20, color: Colors.white),
          ),
          trailing: Icon(
            Feather.chevron_right,
            size: 20,
          ),
          onTap: () => _openDeleteDialog(context),
        ),
      ],
    );
  }

  _openDeleteDialog(context) {
    return showDialog(
        barrierDismissible: true,
        context: context,
        builder: (context) {
          return AlertDialog(
            title: …

我正在尝试在处理信用卡时创建一个加载对话框。我遇到的问题是我希望能够在我的未来完成时更新对话框状态。

更新对话框状态的唯一方法似乎是使用 StatefulBuilder 小部件。我发现这一点是因为我尝试在 processPayment 方法中更改 cartLoading 但没有任何反应。

我希望它在创建对话框时自动调用 processPayment()，而不是我必须点击按钮。这可能吗？

class CartModel extends ChangeNotifier {
  bool _cartLoading = false;
  bool get cartLoading => _cartLoading;
  set setLoading(bool value) {
    _cartLoading = value;
    notifyListeners();
  }
Future<bool?> openLoadingDialog(BuildContext context) async {
    setLoading = true;
    return showDialog<bool?>(
      context: context,
      builder: (context) => StatefulBuilder(
        builder: (context, setState) {
          return Dialog(
            child: Container(
              child: Column(
                children: [
                  CustomButton(
                      name: "Process payment",
                      onPressed: () {
                        setState(() => setLoading = true);
                        processPayment()
                         .then((value) => setState(() => setLoading = …

我试图在图标上实现这种类型的渐变，但无法做到这一点......

输出图像

我已经使用此代码，但它也没有显示任何效果

ShaderMask(
  shaderCallback: (Rect bounds) => RadialGradient(
     center: Alignment.center,
     radius: 0.5,
     colors: [
       Colors.pink,
       Colors.deepOrange,
     ],
     tileMode: TileMode.mirror,
  ).createShader(bounds),
  child: Icon(Icons.access_time,),),

为了实现这个目标我应该做什么？