设置错误文本时Material Textfield崩溃
Material Textfield是一种常用的前端组件，用于创建具有材料设计风格的文本输入框。它提供了一种简洁、美观的用户界面，可以用于各种应用场景，如表单输入、登录页面等。
Material Textfield的设置错误文本时崩溃可能是由于以下原因之一：
- 代码错误：在设置错误文本时，可能存在代码逻辑错误或语法错误，导致组件崩溃。可以通过检查代码并修复错误来解决此问题。
- 版本兼容性问题：Material Textfield可能与使用的前端框架或库存在版本兼容性问题，导致崩溃。可以尝试更新相关库的版本或查看官方文档以解决此问题。
- 数据格式错误：在设置错误文本时，可能传入了不符合预期格式的数据，导致组件无法正确处理并崩溃。可以检查传入的数据是否符合要求，并进行相应的数据格式转换或验证。
对于这个问题，腾讯云提供了一系列与前端开发相关的产品和服务，可以帮助开发者构建稳定、高效的应用程序。其中，推荐的产品是腾讯云的Serverless Framework（https://cloud.tencent.com/product/sls）。
Serverless Framework是一种无服务器架构的开发框架，可以帮助开发者快速构建和部署云原生应用。它提供了丰富的插件和工具，支持多种编程语言，包括JavaScript、Python等，可以轻松集成各种云服务，如云函数、API网关等。使用Serverless Framework，开发者可以更加专注于业务逻辑的实现，而无需关注底层的基础设施和运维工作。
总结：设置错误文本时Material Textfield崩溃可能是由于代码错误、版本兼容性问题或数据格式错误等原因导致的。腾讯云的Serverless Framework是一个推荐的产品，可以帮助开发者构建稳定、高效的应用程序。
相关·内容
当我们想在文本域上悬停时，文本字段中会出现一些黑色边框，如何解决这个问题？
import React, { useState } from "react";
import TextField from '@mui/material/TextField';
import { styled } from '@mui/material/styles';
const styles = styled(TextField)({
'*.Mui-focused': {
borderColor: 'transparent'
浏览 1提问于2022-02-14得票数 0
回答已采纳
我的代码非常简单： import 'package:flutter/material.dart';
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(title:"title", home: Scaffold(body: TextField()));
}
}
void main() {
runApp(MyApp());
} 无论我如何尝试包含文本字段，程序都会崩溃。我正在编译成
浏览 6提问于2021-07-06得票数 0
回答已采纳
我正在检查TextField材料是否是空的。如果为空，则应启用错误。如何设置材料TextField中的误差。如果文本字段不是空的，我如何从材料TextField中获取文本。
所有这些都需要用mainactivity.java来完成
myxml.xml
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/text_input_project_name"
android:layout_width="match_parent"
android:layout_hei
浏览 3提问于2020-06-09得票数 1
回答已采纳
1回答
当我尝试使用黑色主题时，它会将文本字段变成白色而不是灰色背景。我做错了什么吗？ 1.创建文本字段 2.将主题设置为暗 import React from "react";
import TextField from "@material-ui/core/TextField";
import { createMuiTheme } from "@material-ui/core/styles";
import { ThemeProvider } from "@material-ui/styles";
const theme = c
浏览 19提问于2019-10-11得票数 3
回答已采纳
我有一个简单的反应代码。有一个material-ui文本字段。 当我在文本框中单击以输入数据时，屏幕会抖动。在我输入完数据后，我在外面点击，方框，屏幕摇动。请帮我解决这个屏幕抖动的问题。非常感谢。 import Grid from '@material-ui/core/Grid';
import TextField from '@material-ui/core/TextField';
import PropTypes from 'prop-types';
import React, { useState } from 'react&#
浏览 20提问于2019-09-11得票数 3
回答已采纳
我正在创建一个应用程序，它应该有一个如下所示的文本字段：
我试着像和我的应用程序崩溃那样做。
我现在正试图这样做，但我仍然没有设法使它脱离我想要的方式。
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textEmailAddress"
app:boxBackg
浏览 5提问于2020-06-15得票数 0
Material design允许文本字段通过输入框下面的红色小标签来指示错误：https://material.io/components/text-fields (见下面的截图)。 对于Flutter中的TextField字段，有什么方法可以做到这一点吗？我希望这是TextField或TextEditingController的属性，但没有找到类似的东西。 ?
浏览 80提问于2020-05-03得票数 1
回答已采纳
我已经开始使用material-ui，但是我遇到了所有文本字段的问题，当我从web复制并粘贴示例时，它们不能很好地呈现 我安装了： yarn add @material-ui/core
yarn add fontsource-roboto
yarn add @material-ui/icons
yarn add @material-ui/lab
yarn add @material-ui/pickers
yarn add @date-io/date-fns@1.x date-fns
yarn add @material/react-text-field 看不到“'Required *
浏览 77提问于2020-09-27得票数 0
回答已采纳
我已经创建了一个注册表，我希望在活动开始时没有文本字段自动获得焦点。我已经尝试添加到我的所有文本字段，但它不起作用。 android:focusedByDefault="false" XML输出 ? <com.google.android.material.textfield.TextInputLayout
android:id="@+id/bio"
android:layout_width="match_parent"
android:layout_height=&
浏览 69提问于2021-09-12得票数 0
回答已采纳
我想使用Material-UI Next textfield error props ，道具类型是boolean。之前版本的Material-UI props名称为errorText，道具类型为node 。
Textfield Material-使用errorText props的UI早期版本：
<TextField
name='name'
floatingLabelText='Name'
hintText='Type your name'
value={this.state.fields.name}
onChange=
浏览 3提问于2018-03-22得票数 30
回答已采纳
2回答
我是第一次学习资料-UI。我想定制材料UI的TextField。当文本字段未被选中时，我能够更改它的样式，当它聚焦时，我无法更改它的样式，我正在使用ThemeProvider将样式注入组件中。我试过这个代码
import React from "react";
import Checkbox from "@material-ui/core/Checkbox";
import TextField from "@material-ui/core/TextField";
import {
createMuiTheme,
makeStyles,
浏览 1提问于2020-04-24得票数 2
回答已采纳
我使用以下代码，但当我在框中键入文本时，它显示错误，没有提供太多信息。我的目标是能够在文本框中键入和显示文本。 import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import CardMedia from '@material-ui/core/CardMedia';
import { withStyles } from '@material-ui/core/styles';
import CardActi
浏览 8提问于2019-05-17得票数 1
回答已采纳
我正在为一个表使用MUI v5。该表有两列，其中的单元格包含多行TextFields。我希望TextFields完全填充单元格区域。问题是，一旦您开始在一列的文本字段中输入行，另一列中的文本字段的高度将保持不变，它不会填充表单元格。图片： ? 红色是TableCell的backgroundColor，黄色是TextField的backgroundColor。我不想看到任何红色，我希望左列中的文本字段随着右侧文本字段中的数据的添加而增加其高度。 我尝试了不同的CSS组合，高度为100%，位置为100%。我也不能在TableCell上使用flexbox，在输入上使用flexGrow，因为这会
浏览 41提问于2021-11-15得票数 0
回答已采纳
1回答
当我向编辑文本添加错误消息时。 我看到了该图标，但默认情况下，在单击该图标后不会出现错误消息 这是我的布局文本 <com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
浏览 19提问于2021-01-10得票数 0
3回答
反应状态挂钩问题
、、、、
我正在尝试使用状态挂钩来使onChange与material一起正常工作，以处理错误文本。但有一个问题。我已经将错误的屏幕附加到控制台中。
这是我的密码：
import React, { Component, useState } from 'react';
import TextField from 'material-ui/TextField';
import RaisedButton from 'material-ui/RaisedButton';
export const CreateForm = (props) => {
浏览 5提问于2020-07-02得票数 1
回答已采纳
2回答
无标签的材料文本字段
、、、
在material.io中有一个关于Text fields without labels的部分，它将变成这样 ? 当edittext位置为焦点时，标签也会聚焦。如何做到这一点呢？因为我尝试使用单独的文本视图，但当edittext是焦点时，标签也不是焦点 <com.google.android.material.textview.MaterialTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
浏览 22提问于2020-06-30得票数 0
回答已采纳
使用material ui textfield时获取错误
警告： TextField正在将文本类型的受控输入更改为不受控制。输入元素不应从受控切换到不受控制(反之亦然)。决定在组件的生存期内使用受控或不受控制的输入元素。
export default class GoogleAutoComplete extends Component {
render() {
return (
<TextField
ref={(c) => this._input = c}
//errorText={this.state.
浏览 3提问于2017-04-26得票数 1
回答已采纳
对于我正在创建的应用程序，这个特定页面的背景是黑色的，当用户在框中键入输入时，他们键入的文本是黑色的，因此是不可见的。
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"&g
浏览 0提问于2017-01-03得票数 1
我使用自定义键盘将数字插入到textfield中。我想禁用android键盘，当文本字段被选中时弹出。我也想禁用可点击或可选择。我只希望当一个数字被插入到textfield中时，textfield是有焦点的，而当为空时，这个textfield就没有焦点了。我不知道为什么以下xml代码不能工作，并希望得到任何帮助。
<com.google.android.material.textfield.TextInputLayout
android:layout_width="250dp"
android:layout_height="60dp
浏览 0提问于2019-07-23得票数 1
当我将style="@style/Widget.Design.TextInputLayout"用于TextInputLayout时，设置app:errorIconDrawable什么也不做。只有当我不设置样式并让它继承应用程序主题(Theme.MaterialComponents.Light.NoActionBar)时，它才能工作。app:endIconDrawable也不起作用，我无法找到替代/解决这个问题的方法。请帮帮我！
以下内容在继承应用程序主题时有效：Theme.MaterialComponents.Light.NoActionBar，但我不想使用这种样式，特别是下
浏览 3提问于2020-08-14得票数 1
回答已采纳
我需要删除TextInputLayout material.textfield上的错误文本左填充/边距。
你知道怎么做吗？
需要像这样的错误文本没有填充
默认填充与TextInputEditText填充相同(具有左侧填充)：
我尝试扩展IndicatorViewController，但它是最后一个类
浏览 1提问于2019-09-10得票数 1
如何更改OutlinedBox提示和文本RTL (支持波斯语和阿拉伯语)：
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/phoneNumberLayout"
style="@style/textInputOutlinedLayoutTheme"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:
浏览 3提问于2022-05-22得票数 1
我使用"react-native-material-textfield“作为文本输入。我有一个视图来编辑用户详细信息，它在挂载时从api获取值，并将其设置为状态。但是在将"react-native-material-textfield“升级到"0.16.1”后，在挂载后的文本输入中不会显示原始的名字值。我到底做错了什么？
constructor(props) {
super(props);
this.state = {
firstName: '',
};
}
componentDidMount(props
浏览 18提问于2020-06-28得票数 1
1回答
如果没有输入到TextInputEditText中的文本，安卓可访问性对讲机将读取TextInputLayout中的提示。
但是，如果有文本添加到TextInputLayout中，Android将不会读取提示。
我需要可访问性Talkback始终阅读TextInputLayout.中的提示
有人知道怎么做吗？
谢谢各位
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
andro
浏览 13提问于2020-11-11得票数 2
当我尝试使用received表单和material组件时，我收到了以下错误
警告:组件正在更改要控制的文本类型的不受控制的输入。输入元素不应从不受控制的转换为受控的(反之亦然)。决定在组件的生存期内使用受控输入元素还是不受控制的输入元素。更多信息。
当我尝试使用inputRef时，它仍然不起作用。
<TextField
autoFocus
margin="dense"
id="name"
label="Name"
type="text"
fullWidth
input
浏览 3提问于2020-08-04得票数 0
回答已采纳
1回答
我对物质用户界面很陌生，我的目标是在每个文本字段之间留出空间，我已经给出了间距，但它不起作用。有人能帮我在文本框之间留出空间吗？
以下是代码：
import React from "react";
import Grid from "@material-ui/core/Grid";
import { makeStyles, withStyles } from "@material-ui/core/styles";
import TextField from "@material-ui/core/TextField";
const
浏览 5提问于2020-03-19得票数 7
回答已采纳
1回答
我有一个从另一个站点复制的足够长的文本，我必须确保当用户单击按钮时，该文本将被获取并复制到value变量中。 我试过使用getData，但它不起作用。 你能帮我一下吗？ 链接：codesandbox 代码： import React, { useState, useEffect, useRef } from "react";
import Box from "@mui/material/Box";
import TextField from "@mui/material/TextField";
import Button from "@
浏览 38提问于2021-09-30得票数 0
回答已采纳
我使用的材料-Ui v5在我的反应项目！
import React, { useState } from "react";
import rtlPlugin from "stylis-plugin-rtl";
import { CacheProvider } from "@emotion/react";
import createCache from "@emotion/cache";
import { ThemeProvider, createTheme } from "@mui/material/styles"
浏览 1提问于2021-12-18得票数 1
回答已采纳
崩溃发生在选择模拟器中的文本字段时。调试器似乎没有告诉我任何有用的东西。
import UIKit
class TextField: NSObject, UITextFieldDelegate {}
在视图控制器中：
override func viewDidLoad() {
super.viewDidLoad()
textField.delegate = TextField()
}
@IBOutlet weak var textField: UITextField! // assigned in IB.
浏览 3提问于2015-01-29得票数 0
回答已采纳
我一直在玩Jetpack作曲桌面。我注意到一些我真的不明白的事情：
import androidx.compose.desktop.ui.tooling.preview.Preview
import androidx.compose.material.Button
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Text
import androidx.compose.material.TextField
import androidx.compose.runtime.Composa
浏览 9提问于2022-02-09得票数 7
回答已采纳
在我的React表单中，我使用了Formik、Yup、Material表单和textfield：
import { TextField } from '@material-ui/core';
我的电子邮件表格。
当我模糊该字段时，它将生成以下HTML：
<p class="MuiFormHelperText-root MuiFormHelperText-contained Mui-error">This field is required.</p>
如何在此帮助文本中添加svg图标？
例如，一个React组件<HelperText
浏览 10提问于2022-02-07得票数 1
3回答
我有两个文本字段和一个使用Material-UI的按钮，我想要实现的是当我单击按钮时清除文本字段的内容，但我不知道如何做到这一点，我是新的反应-JS。
这是我的代码：
import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import TextField from 'material-ui/TextField';
export default class CreateLinksave extends React.Component {
浏览 3提问于2017-11-07得票数 5
我正在尝试将文本添加到Esprsso中的textfield (在webview中)，并得到以下错误：
由: java.lang.RuntimeException: evaluationEvaluation: evaluationEvaluation: 13值中的错误引起：{message=Cannot设置选择结束} hasMessage: true消息:无法设置选择结束
代码：
textField.perform(webKeys("exmaple@test.com"));
当我只点击textfield时，它会工作，但当我试图输入文本时，它会崩溃。
浏览 1提问于2017-08-08得票数 2
1回答
我尝试过使用getText()，但在使用该文本字段时不可用，下面是文本字段： <com.google.android.material.textfield.TextInputLayout
android:id="@+id/firstnametxt"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="25d
浏览 9提问于2020-10-08得票数 0
嗨，我有一个表单(带有特定的id)，其中有复选框，当单击复选框时，会弹出更多的问题(基本是一个文本字段)。但是，有些复选框内部也有相同的问题。然后将数据保存到mysql数据库中。之后我会把它展示出来。问题是:如何创建某种开关语句或某些算法，这些语句或算法将在当前id中发布，并且只发送到所需的textfield。
插图：
0-100kg (Checkbox1)
- Which material? (textfield with name=material)
- Circle radius? (textfield with name=radius)
100-500kg (Checkbox2)
浏览 1提问于2014-07-17得票数 0
回答已采纳
1回答
我在中读到了文档，editText上有自动完整的文本视图作为提示，而不是下拉。你可以看到下面的图片。但我做不到。我尝试了一些带有textinputlayout和资料自动完成文本的代码，如下所示
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/til"
..>
<com.google.android.material.textfield.MaterialAutoCompleteTextView
浏览 2提问于2021-04-01得票数 2
7回答
我正在尝试将Formik与Material-UI文本字段一起使用。如下所示： import TextField from '@material-ui/core/TextField';
import {
Field,
FieldProps,
Form,
Formik,
FormikErrors,
FormikProps
} from 'formik';
import React, { Component } from 'react';
interface IMyFormValues {
firstName: stri
浏览 152提问于2018-08-31得票数 24
回答已采纳
我有一个包装编辑文本的自定义视图。
我希望在使用自定义视图的类中观察到该编辑文本的变化，使用数据绑定。
如何将编辑文本的输入字符串公开给使用自定义视图的其他类？
双向数据绑定是唯一的方式吗？
在其他XML中：
<MyCustomView
android:id="@+id/password_edittext"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:password=
浏览 0提问于2019-12-21得票数 7
回答已采纳
1回答
当编辑文本被聚焦时，我想将提示文本样式更改为大写。当注意力不集中时，保持正常。仅使用xml <com.google.android.material.textfield.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense"
app:layout_constraintTop_toTopOf="parent"
android:layout_width="match_parent"
a
浏览 17提问于2021-03-24得票数 0
我试图在我的react应用程序中加入一个功能，用户将输入一个搜索词，当按下按钮时，它会搜索它。(文本输入和按钮正在使用material组件)现在，我只想让它将这个词打印到控制台日志中，以检查其是否正常。当运行下面的代码时，输出是："object对象。有人知道为什么吗？“
import React from 'react';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';
class
浏览 0提问于2018-11-07得票数 0
回答已采纳
我使用的是一个文本字段，它清除按enter键时输入的文本--它会触发onSubmit函数，但由于某种原因，当Multline设置为true时，onSubmit无法工作。
import React, { useRef } from "react";
import "./styles.css";
import TextField from "@material-ui/core/TextField";
export default function App() {
const inputRef = useRef();
const addMe
浏览 1提问于2020-07-27得票数 2
回答已采纳
4回答
当用户单击文本字段时，是否存在删除浮动标签(提示)的方法？当我单击文本字段时，提示会自动移动到editText上方，但不会消失。当用户单击文本字段并在其中输入一些文本时，我希望提示消失。
以下是XML代码：
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/etPasswordLayout"
android:layout_width="match_parent"
an
浏览 8提问于2020-07-19得票数 4
回答已采纳
下面我得到了一个ThemeEnforcement错误。警告。
Caused by: android.view.InflateException: Binary XML file line #9 in com.yourproject:layout/app_bar_main: Error inflating class com.google.android.material.appbar.AppBarLayout
Caused by: java.lang.IllegalArgumentException: The style on this component requires your a
浏览 0提问于2021-04-17得票数 0
回答已采纳
5回答
我想更改文本字段中显示的禁用文本的颜色--它当前太亮了：
我希望这个颜色比这个更深一些。我尝试了以下几点：
import { withStyles } from '@material-ui/styles';
import TextField from '@material-ui/core/TextField';
const styles = {
disabledInput: {
color:'black',
},
},
class MainForm extends React.Compon
浏览 0提问于2020-06-09得票数 4
回答已采纳
我使用MUI + React表单的组合，所以我创建了一个CustomTextField.tsx组件来使它工作。
// CustomTextField.tsx
import { TextField } from "@mui/material";
export default function CustomTextField(props: any) {
return (
<Controller
name={props.name}
control={props.control}
render={({
field:
浏览 10提问于2022-10-02得票数 1
回答已采纳
1回答
如何在新表单中更新状态？我想在上传时将图像转换为base64，并将其推送到firebase。
但是，我得到了一个TypeError: this.setState is not a function错误。
我还尝试更新输入的值，但不起作用。document.getelementbyid("image").value = reader.result
谢谢!
import React from 'react'
import PropTypes from 'prop-types'
import { Formik, Field, Form } from &
浏览 2提问于2020-02-17得票数 0
在我的登录响应组件中，我试图在我的助手文本中显示一个“错误的凭据”错误--但是在输入假凭据时，不会出现任何文本。对原因有什么建议吗？目前，我正在将错误消息推入数组中，将该错误赋值为state，然后在我的helperText支柱中引用该状态。下面是我的登录组件的代码：
import React from 'react'
import Header from './Header'
import TextField from "@material-ui/core/TextField";
import Button from '@material
浏览 1提问于2020-10-05得票数 0
回答已采纳
我的react应用程序中有一个精选的文本视图。如何在从该文本视图中选择项目后更改字体颜色。 <div>
<TextField
id="standard-select-currency"
select
fullWidth
label="Filter By"
InputLabelProps={{
shrink: true,
style: { color: "#fff"
浏览 27提问于2019-06-26得票数 0
回答已采纳
我在我的个人资料屏幕上使用TextInputLayout
我想划线，文本和浮动提示是对齐的。但是划得更宽，我找不到简单的方法把它们排成一行。
我的xml：
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/nameField"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintEnd_to
浏览 9提问于2022-03-17得票数 0
我将React Material UI与TypeScript一起使用，我有一个Material UI表，在该列的每一行中都有一列Material TextFields。现在，当用户在textfield中输入文本时，我想“突出显示”TextField所在的整个表单元格，而不仅仅是自动聚焦在textfield上。我该如何做到这一点？看起来像这样： ?
浏览 29提问于2020-10-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
