标签: flutter-text

Flutter:使文本/图像在整个网络应用程序中可选

在 Flutter Web 应用程序中,没有默认功能可以使应用程序中的文本和图像可供选择。

\n

有没有办法在网络上启用文本/图像的选择功能?

\n

我确实检查了SelectableText小部件,但它仅适用于文本,我需要在每个文本上使用它。此外,您无法SelectableText同时选择多个小部件中的文本,只能选择其中一个小部件中的文本。我正在寻找一种解决方案来选择应用程序中的所有文本,而无需更改每个文本小部件。

\n

让我知道是否有\xe2\x80\x99s 一步解决方案可以在整个网络应用程序中实现这一目标。

\n

flutter flutter-web flutter-text

18
推荐指数
1
解决办法
7279
查看次数

单击或选择其他小部件时,Flutter Web 可选文本不会取消选择

我仅在使用 Flutter Web 版本时遇到此问题。2.8 和 2.10 ,当我尝试使用 Flutter 2.5.3 和其他早期版本时,问题不会发生。

列内的小部件示例:

SelectableText("'Lorem Ipsum is simply dummy '",)),
SizedBox(height: 20),
Divider(),
SelectableText("'Lorem Ipsum is simply dummy text '",)),
Run Code Online (Sandbox Code Playgroud)

输出:

在此输入图像描述

当我单击可选文本旁边的底部可选或其他小部件时,它不会取消选择先前选择的文本,而且当我在另一个可选文本上选择新文本时,顶部的先前选择仍然突出显示,这不是我期望的行为。

最新版本的这个小部件是否有一些我没有注意到的变化?谢谢

dart flutter flutter-layout flutter-web flutter-text

15
推荐指数
1
解决办法
3076
查看次数

文本连续溢出,颤动

由于文本太长,我在布局方面遇到了问题,我尝试将Expanded/Flexible与导致问题的文本一起使用来填充所需的空间,但它溢出了。我知道这个问题被问了一百遍,但我不明白错误在哪里。我尝试单独应用到所有行Expanded/Flexible列,并且同时应用到所有行/列(主要是我尝试布局来尝试修复它),但我仍然遇到问题...我什至尝试使用FittedBoxfit: BoxFit.(all of them)

在此输入图像描述

Container(
          alignment: Alignment.centerLeft,
          child: Column(
            children: [
              Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Padding(
                    padding: const EdgeInsets.only(right: 8.0),
                    child: Icon(Icons.directions_car),
                  ),
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text("Text 1"),
                          SizedBox(
                            height: 4,
                          ),
                          Text('TEXT 2'),
                        ],
                      ),
                      SizedBox(
                        width: 27,
                      ),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text('1 World Way, Los Angeles, CA 90045, USA',
                            textAlign: TextAlign.left,
                            ),
                          SizedBox(
                            height: 4,
                          ), …
Run Code Online (Sandbox Code Playgroud)

mobile flutter flutter-layout flutter-text

12
推荐指数
2
解决办法
2万
查看次数

如何在flutter中设置默认字体颜色?

我想全局设置 flutter 应用程序的默认字体颜色。我试过

ThemeData(
    primarySwatch: Colors.blue,
    fontFamily: 'Gilroy',
    textTheme: TextTheme(
      bodyText1: TextStyle(),
      bodyText2: TextStyle(),
    ).apply(
      bodyColor: const Color(0xff22215B),
      displayColor:  const Color(0xff22215B),
    ),
  ),
Run Code Online (Sandbox Code Playgroud)

有些文字是彩色的。但应用栏中的文本不会自动应用。

flutter flutter-text

9
推荐指数
1
解决办法
6765
查看次数

body2 已弃用,不应使用。这是 2014 版材料设计中使用的术语。- 颤振中的警告消息

如果您更新从版本扑SDK v1.12.13后任何版本v1.13.8,您将收到有关textTheme使用几个警告信息。例如,下面给出了其中之一。

信息:body2 已弃用,不应使用。这是 2014 版材料设计中使用的术语。现代术语是 bodyText1。此功能在 v1.13.8 之后被弃用。

新版本有哪些变化?如何迁移?

flutter flutter-layout flutter-theme flutter-text

7
推荐指数
1
解决办法
5732
查看次数

在 Flutter 中将很长的文本拆分为页面

我有多个带有很长文本的文本文件,我想将它们分成几页以便于阅读和导航。这是一个例子:

文本分页示例

因此,给定页面的容器大小和作为输入的文本(具有特定字体样式),结果应该是显示该文本所需的总页数

我知道文本可以像@pskink 提到的那样显示在 ListView 中,但我想让页面像在 Kindle 中一样静态并提前显示页面总数,以便人们可以按索引切换到任何页面。

我还发现了一个相关的 Flutter 框架问题,它可能与这个问题有关。不知道是不是限制。

公开足够的 LibTxt 使自定义文本布局实用

flutter flutter-layout flutter-text

6
推荐指数
1
解决办法
1529
查看次数

如何像这样设计 Flutter 文本框

我想设计这样的颤振文本字段,任何人都可以帮助我。

在此处输入图片说明

flutter flutter-text

3
推荐指数
1
解决办法
3461
查看次数

无效的常量值.dart(invalid_constant)

在下面的代码中,我在“controller: urlController”这一行上收到错误

      var url;
      final urlController = TextEditingController();
    
      @override
      void dispose() {
        urlController.dispose();
        super.dispose();
      }
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            backgroundColor: const Color(0xff16352A),
            title: const Text(
              'Downloader',
              style: TextStyle(color: Color(0xffEDAB24)),
            ),
          ),
          body: Container(
            padding: const EdgeInsets.all(20.0),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                const SizedBox(height: 50.0),
                const TextField(
                  controller: urlController,
                  decoration: InputDecoration(
                    border: OutlineInputBorder(),
                    labelText: 'Paste URL',
                  ),
                ),
            

const SizedBox(height: 20.0),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                TextButton(
                  onPressed: () {},
                  child: const Text(
                    'Download',
                    style: …
Run Code Online (Sandbox Code Playgroud)

textfield dart flutter flutter-text flutter-textinputfield

3
推荐指数
1
解决办法
3765
查看次数

无效的常量值文本 Flutter Google Fonts

我有一个文本,我正在使用 Google 字体进行样式设置并且工作正常,但是当我在文本之前添加 const 时,我收到无效的常量值错误

下面是我如何在没有 const 的情况下实现


Text(
    'Voila',
     style: GoogleFonts.dawningOfANewDay(fontSize: 30),
),

Run Code Online (Sandbox Code Playgroud)

下面是我尝试使用 const 实现的方法


const Text(
        'Voila',
         style: GoogleFonts.dawningOfANewDay(fontSize: 30),
),

Run Code Online (Sandbox Code Playgroud)

下面是我如何尝试使谷歌字体保持不变,但错误仍然存​​在


const Text(
              'Voila',
              style: const GoogleFonts.dawningOfANewDay(fontSize: 30),
            )

Run Code Online (Sandbox Code Playgroud)

flutter google-fonts flutter-text

3
推荐指数
1
解决办法
2634
查看次数

尝试在材质应用程序内使用文本时,AppBar 内出现 Flutter 非常量构造函数错误

您好,我有一个简单的问题,我在这里做错了什么?我正在尝试在脚手架中创建一个 AppBar,但是当我尝试使用 Text 时,它似乎不起作用,并要求添加一个 Const,但是当我这样做时,它并不能解决问题。

抱歉,如果已经有这方面的信息,我只是不知道解决此问题所需查找的具体条款。我知道您可以将 AppBar 放在 void main() 中,但是我正在遵循教程,并且希望以类似的方式进行操作。

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
          appBar: AppBar(
            title: Text('My First App'),
          ),
          body: Text('This is the body of text.')
      ),
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

这是输出的错误:

12:25:错误:无法调用需要 const 表达式的非“const”构造函数。尝试使用“const”的构造函数或工厂。appBar: const AppBar( ^^^^^^

新错误:

../../runtime/platform/allocation.cc:14:错误:内存不足。版本=2.14.4(稳定)(2021 年 10 月 13 日星期三 11:11:32 +0200)在“windows_x64”上 pid=24408,线程=30512,isolate_group=(nil)(0000000000000000),isolate=(nil)(0000000000000000) isolate_instructions=0, vm_instructions=7ff65bad4f10 pc 0x00007ff65bcdaa42 fp 0x00000056bb8ff3c0 …

dart flutter flutter-text

3
推荐指数
1
解决办法
3117
查看次数

如何将 TextStyle 和 textTheme 应用于 flutter 中的 Text widget?

对于这样的文本:

Text(
   'Hello World',
   style: Theme.of(context).textTheme.display1,
    )
Run Code Online (Sandbox Code Playgroud)

有没有办法将 textTheme 与 TextStyle 合并?就像说,修改文本的颜色..

dart flutter flutter-text

2
推荐指数
1
解决办法
1596
查看次数

在 Flutter 中的 TextField 下显示错误

Material Design 允许文本字段通过输入框下方的红色小标签来指示错误:https : //material.io/components/text-fields(请参见下面的屏幕截图)。

有没有办法为TextFieldFlutter 中的一个领域实现这一目标?我预计这将是TextFieldor 的一个属性TextEditingController,但没有找到类似的东西。

屏幕截图显示了带有错误的文本字段的外观

flutter flutter-text

1
推荐指数
1
解决办法
3484
查看次数