如何在Flutter中为`TextFormField`设置自定义基线
在Flutter中为TextFormField设置自定义基线，可以通过使用TextBaseline和Align来实现。
首先，TextBaseline是一个枚举类型，用于指定文本的基线对齐方式。常见的基线对齐方式有alphabetic、ideographic和hanging等。
然后，我们可以将TextFormField包裹在Align组件中，并设置alignment属性为Alignment对象，通过baseline属性来指定基线对齐方式。
以下是一个示例代码：
Align(
alignment: Alignment.bottomLeft,
child: TextFormField(
decoration: InputDecoration(
labelText: 'Username',
),
style: TextStyle(fontSize: 16),
textAlignVertical: TextAlignVertical.bottom,
textBaseline: TextBaseline.alphabetic,
),
)在上述代码中，我们将TextFormField包裹在Align组件中，并设置alignment属性为Alignment.bottomLeft，即将基线对齐方式设置为底部左对齐。同时，我们还可以通过textAlignVertical属性将文本垂直对齐方式设置为底部对齐，通过textBaseline属性将基线对齐方式设置为字母基线。
这样，就可以在Flutter中为TextFormField设置自定义基线了。
推荐的腾讯云相关产品：无
参考链接：
TextFormField文档：https://api.flutter.dev/flutter/material/TextFormField-class.htmlAlign文档：https://api.flutter.dev/flutter/widgets/Align-class.htmlTextBaseline文档：https://api.flutter.dev/flutter/painting/TextBaseline-class.html
相关·内容
4回答
颤振:是否可以在height> 1.0中设置文本行的垂直对齐方式？
flutter、flutter-layout、material-design、figma
Figma中的所有文本都有一定的高度，例如1.5，但是当我将高度设置为TextStyle时，所有具有新高度的行都对齐到底部。
如果使用Center或，则对齐小部件--结果不对。示例在其线条中具有底部垂直对齐。就像在底部截图上一样。
[
是否有可能为每一行设置颤振文本 wiget的垂直对齐？或者有人有一些有用的建议来解决这个问题？
Text(
'Example\nExample',
textAlign: TextAlign.center,
style:TextStyle(
height: 2.5,
浏览 8提问于2021-10-14得票数 2
回答已采纳
3回答
ReorderableListView:异常: BoxConstraints强制无限高
flutter、flutter-layout
如何在shrinkWrap = true ReorderableListView中实现
我试图创建一个以ReoderableListView为父级的Column<-Container，发生了此错误。
I/flutter (32618): The following assertion was thrown during performLayout():
I/flutter (32618): BoxConstraints forces an infinite height.
I/flutter (32618): The following RenderObject was being
浏览 0提问于2019-06-22得票数 6
回答已采纳
1回答
如何使用Flutter hive创建一个标记为fabourite按钮？
flutter、dart
我正在开发一个报价应用程序作为初学者在flutter的实践项目。我的应用程序中有多个页面。现在我想创建一个图标按钮，这将作为一个书签(标记为收藏)的user.And在应用程序栏中，将有一个收藏的选项，在那里用户可以找到那些标记的页面number.Local数据库似乎太混乱的me.How我可以使用蜂窝来解决这个问题。 class p1 extends StatefulWidget {
@override
_p1State createState() => _p1State();
}
class _p1State extends State<p1> {
bool _i
浏览 12提问于2021-10-19得票数 0
回答已采纳
3回答
如何在TextField下面堆叠一个小部件，并使它随着加载更多的内容而增长到底部？
flutter、dart
我想做这样的输入域。 ? 我在pubdev中发现了一个flutter_chip_input包，它已经提供了这个功能，但它有一点but。我没有时间等待插件的下一次更新，所以我决定继续自己构建它。 在web应用程序中，我可以使用css中的相对绝对属性和一些javascript轻松实现此设计。 是的，我已经尝试使用Stack小部件了，但问题是Container (输入字段底部的白名单的包装器)不能粘附在底部。 只要加载了更多的内容，高度就会增长到顶部，而不是底部，导致输入字段隐藏在容器的下方。 我只需要知道如何使列表粘在输入域的底部，并使高度增长到底部。剩下的我会处理的。 有什么线索吗？请
浏览 51提问于2020-08-10得票数 0
回答已采纳
1回答
滑块小工具的颤动高度？
flutter、flutter-layout
我对滑块小部件的宽度感到困惑:我有一个堆栈，并添加了一个包含滑块的align小部件。 代码: import 'package:flutter/material.dart'； void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
hom
浏览 20提问于2021-06-30得票数 0
2回答
颤振-去除滑块中的默认填充物
flutter
我想知道如何删除Flutter Slider中的默认填充
当前输出是这样的，默认填充滑块的是明显可见的
这是我的代码：
Positioned(
child: Align(
alignment: Alignment.bottomLeft,
child: SliderTheme(
data: SliderTheme.of(context).copyWith
浏览 2提问于2021-01-11得票数 21
回答已采纳
2回答
无法在React-Native中垂直和水平对齐两个视图
react-native
我有两个视图，一个在左边，两个项目相邻对齐，另一个在右边，就像这样，在IOS上更糟 ? 正如你在这里看到的，问题是名称与箭头不对齐，我不知道原因是什么。下面是我的代码： <View style={styles.header}>
<View style={styles.leftHeader}>
<TouchableOpacity onPress={() => navigation.goBack()}>
<ArrowLeft />
</TouchableOpacity>
浏览 40提问于2021-11-03得票数 0
1回答
用RichText填充毛坯的颤振
flutter、abstract-class、richtext
我几乎完成了我的应用程序的空白实现，但不幸的是，我一直遇到布局问题。
然而，当我不断地解决问题时，到目前为止，这是代码：
RichText(
text: TextSpan(
text: "dummy",
style: TextStyle(
color: Colors.white,
浏览 2提问于2020-05-19得票数 4
回答已采纳
1回答
如何使用Flutter中的Media Query将小工具放置在顶部中心位置？
flutter、user-interface、dart
我把下面的表盘放在屏幕中央。我调用了三个不同的部分来构建这个刻度盘。然而，它似乎卡在我的屏幕中心，我想把它移到顶部的中心部分。我尝试过更改对齐方式，但似乎不起作用。
这是我的代码：
这是我正在使用的依赖项：
import 'package:flutter_neumorphic/flutter_neumorphic.dart';
Widget build(BuildContext context) {
return Stack(
children: <Widget>[
浏览 2提问于2020-06-12得票数 0
3回答
为什么div比字体大？
html、css、text、fonts、typography
请参阅
以下html在Firefox31中显示为20像素，在Windows7上显示为Chrome36。我以为它有16个像素高。
<style>
* { margin: 0; padding: 0; border: 0; overflow: hidden; vertical-align: baseline; }
</style>
<div style="font-size: 16px;">help 16px</div>
注意，当您将div的高度限制在16 to时，p的底部就会被切断。在我看来，课文上方有未使用的空间。这可能是垂直对齐
浏览 4提问于2014-09-01得票数 7
回答已采纳
4回答
当显示键盘时，所有的东西都会向上推，我会得到一个错误。
flutter、flutter-layout
我有以下代码：
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
// This method is rerun every time setState is called, for instance as done
// by the _incrementCounter method above.
//
// The Flutter framework has been opt
浏览 0提问于2018-08-22得票数 5
回答已采纳
3回答
如何始终在文本字段中显示提示，而不仅仅是在flutter中单击它？
flutter、flutter-layout
我有一个自定义文本字段，但如图所示，底部的文本字段看起来非常模糊和空白，即使字段没有聚焦，我也希望保持提示显示，我如何在flutter中实现这一点？
下面是我的小部件代码：
Container(
margin: EdgeInsets.all(20),
child: TextFormField(
autofocus: true,
textAlign: TextAlign.right,
浏览 8提问于2019-09-02得票数 10
回答已采纳
3回答
挠曲盒:边缘影响基线？
html、css、flexbox
为什么将margin设置为auto破坏了柔性箱的基线对齐？
我想对齐一个标题，我将称为重音文本，根据基线。在容器上使用display: flex和align-items: baseline可以很好地工作。
我还希望删除标题左侧的页边距，将标题右侧的边距设置为特定值，并将标题顶部和底部的边距保留为默认值(用户代理样式表)。例如，h1 { margin: auto 1em auto 0; } --这是它中断的地方--并且项对齐似乎恢复到默认的拉伸。
现在，开发人员工具向我展示，当我将边距的顶部和底部值设置为auto时，它实际上以0为结束，而不是我所期望的那样。但是，当我实际将顶部和底部的边距设置为
浏览 0提问于2018-02-13得票数 3
回答已采纳
1回答
如何在屏幕两端安放扣子
flutter、button
我希望颤振上的按钮是屏幕的任何一边，即右下角的按钮和左下角的按钮。
我要屏幕左边的减号按钮：
我已经在网上搜索过了，但是我找不到任何帮助，我试着用“对齐”，但是它只是给了一些混乱的东西。
我的颤振代码是(演示应用程序中的一些更改并使用了对齐)：
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your applic
浏览 1提问于2022-05-07得票数 0
回答已采纳
2回答
(颤振) _RenderInkFeatures对象在布局过程中被赋予无限大的尺寸
android、flutter、mobile、firebase-authentication
我正在创建一个颤振应用程序的登录和注册页面。在main.dart中，我将HomePage()称为home属性。然后在Home_Page.dart中，我在Home_page()中初始化火基。然后使用开关语句--如果连接状态已经完成--它会转到Login_page()，然后如果我们单击login_page.dart底部的寄存器按钮，它就会转到Registration_page.dart。这就是控制的流程。现在，在这些步骤之间，调试时会在调试控制台中发生错误。
════════ Exception caught by rendering library ═══════════════════════
浏览 24提问于2022-06-19得票数 0
回答已采纳
1回答
在颤动中将按钮与底部中心对齐
flutter、dart
我想将按钮与屏幕的底部中心对齐。
我在脚手架中创建了一个buttomappbar，我想包含一个圆形按钮，但我不想使用默认的fab。我正在使用另一个圆形按钮，我试图使用align小部件将按钮与buttomcenter对齐，但它停留在中心。
class _MainActivityState extends State<MainActivity> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
backgroundColo
浏览 20提问于2019-07-18得票数 0
回答已采纳
2回答
为什么这种将文本区域与其标签对齐的方法是有效的？
css、textarea、vertical-alignment
我找到了一个来将文本区域的顶部与其标签的顶部对齐。
我的问题是：<label>的vertical-align属性仍然是默认值(基线)，那么为什么只需将<textarea>的vertical-align属性设置为top，就可以在顶部对齐它们
非常感谢!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" conten
浏览 8提问于2021-09-05得票数 1
1回答
__STDCPP_DEFAULT_NEW_ALIGNMENT__和对齐(std：：max_align_t)之间的顺序
c++、language-lawyer、c++17、new-operator、memory-alignment
GCC和Clang在x86-64/Linux上的情况下，alignof(std::max_align_t)和__STDCPP_DEFAULT_NEW_ALIGNMENT__都等于16。
在x86-64/Windows上，alignof(std::max_align_t)是8，__STDCPP_DEFAULT_NEW_ALIGNMENT__是16。
标准在中定义了与这些量相对应的两个术语。
扩展对齐由大于alignof(std::max_align_t)的对齐表示。..。具有扩展对齐要求的类型是过度对齐类型...。新的扩展对齐由大于__STDCPP_DEFAULT_NEW_A
浏览 5提问于2019-12-04得票数 4
回答已采纳
2回答
为什么此代码会产生与MSVC无效的对齐方式？
c++、visual-c++、c++11、memory-alignment
我已经在ideone.com上测试了这段代码，它输出了16。但是，当我在Visual 2013中尝试时，它会显示8。它是一个错误还是缺少编译器对C++11的支持？
#include <iostream>
#include <type_traits>
using namespace std;
using float_pack = aligned_storage<4 * sizeof(float), 16>::type;
int main() {
cout << alignment_of<float_pack>::value &
浏览 2提问于2014-06-04得票数 9
回答已采纳
1回答
文本和SVG元素垂直居中，无填充和文本对齐
html、css、svg
我正在尝试格式化一系列标签和svg元素；但是，我似乎无法正确地对齐。到目前为止，我已经搜索了各种css对齐策略，但一无所获。下面的代码生成了一个标签和一个文本居中的框。我希望标签文本和框中的文本垂直居中到同一行。目前，它们被抵消了一点。我还注意到两个元素周围的边距不一致(边框和顶部之间的间距小于边框和底部之间的间距)，这可能会导致一些未对齐。理想情况下，我希望消除元素周围的所有边距/填充，并将它们适当地居中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="u
浏览 2提问于2016-05-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
