文本字段(或文本框)是用户界面控件,允许用户将文本输入到程序中。
我对flutter还很陌生,有人可以帮助我吗?请 我希望一旦单击 RawMaterialButton(),我在 TextField() 中编写的内容就会显示为 container() 类中的文本。 无效主()=>
我正在使用日期类型的 MUI TextField 组件来创建日历。默认日历日期格式是 MM/DD/YYYY,尽管我希望它是 DD/MM/YYYY。有没有可能改变...
当我尝试创建一个简单的登录/注册页面并单击文本字段时,它首先滞后并显示“无法找到或解码 rasons”。然后它超时并说无法同时满足约束...
当您突出显示文本字段中的单词时,有什么方法可以禁用拼写检查吗? 拼写建议图片 我尝试到处寻找,但我只能找到 .auto CorrectionDisabled(true)...
使用数据类保存 TextField 的 value 和 onValueChange 参数时,不会出现 TextField 击键
我尝试通过在列表中迭代它们来创建同一 TextField 的多个实例,而不是直接创建每个实例。问题是没有出现任何击键...
在 MUI 中启用选择属性时从 TextField 选择 Id?
当启用 select 属性时,我尝试从 mui TextFiled 元素获取 id。我总是得到未定义的值 代码: 导出默认值 ({ onChangeSelect, 输入, 标签, 选项, ...
我实现了一个有很多文本字段的屏幕,并使用脚手架作为根层。 因为我希望我的屏幕是 RTL,所以我使用 Composition Localprovider()。 CompositionLocalProvider(
在我的应用程序中,我的第一个文本字段出现问题。每当我输入数字时,文本字段就会停止聚焦: var defaultSet =ExerciseSet(组数: 1, 次数: 1, 重量: 重量(weightType: 1)) @Stat...
如何使用 Jetpack Compose 降低 Android 中 OutlinedTextField 的高度
我想降低jetpack中概述文本字段的高度。 但是当我添加 height(50) 修饰符时,OulinedTextField 内的文本将被剪切。 大纲文本字段( 价值...
SwiftUI:如何在 TextField 中显示和编辑小数值?
我正在开发一个 SwiftUI 项目,我需要允许用户在 TextField 中输入十进制值。然而,SwiftUI 的 TextField 的默认行为似乎只支持整数值。我会...
我会在禁用的文本字段中使用黑色文本颜色,而不是默认灰色,尝试了这个,基于此:https://stackoverflow.com/a/70943025/239219 我会在禁用的文本字段中使用黑色文本颜色,而不是默认灰色,尝试了这个,基于此:https://stackoverflow.com/a/70943025/239219 <TextField id="outlined-basic" value={'https://git.responsive.software/my-app.git'} fullWidth size="small" disabled variant="filled" inputProps={{ style: { color: 'black' } }} /> 但是当选择文本时,它会为文本着色。我还需要黑色来表示未选择的文本。 也很有趣,为什么我的尝试不起作用。我猜 MUI 在他们的定制解决方案背后使用了一个文本字段。那么为什么传递的 color 属性不会像普通 css 中那样改变属性呢? 如果disabled=true,您可以专门添加样式。像这样: // STYLES export const StyledTextField = styled(TextField, { shouldForwardProp: (props) => props !== 'disabled', })<{ disabled: boolean }>(({ disabled }) => ({ color: disabled : 'black' ? 'pink', })); // IN THE COMPONENT <StyledTextField id="outlined-basic" value={'https://git.responsive.software/my-app.git'} fullWidth size="small" disabled variant="filled" inputProps={{ style: { color: 'black' } }} /> (shouldForwardProp确保禁用的道具不会添加到 DOM) 或者... TextField 没有特定的禁用类,但如果您可以更改代码以使用 InputBase 代替,则可以使用禁用类。当组件中出现 disabled=true 时,将应用此 CSS。 https://mui.com/material-ui/api/input-base/#css import { inputBaseClasses } from '@mui/material'; ... [`&.${inputBaseClasses.disabled}`]: { color: 'black', }, <TextField disabled sx={{ backgroundColor: "white", color: "black", height: "1rem", maxHeight: "1rem", fontSize: "0.4rem", fontWeight: "bold", "& .MuiOutlinedInput-notchedOutline": { borderColor: "rgba(0, 0, 0, 0)", }, }} inputProps={{ style: { fontSize: "0.7rem", height: "1rem", maxHeight: "1rem", padding: 0, fontWeight: "bold", color: "black", WebkitTextFillColor: "black", }, "& .MuiOutlinedInput-notchedOutline": { borderColor: "rgba(0, 0, 0, 0)", }, "@media (max-width:640px)": { height: "4rem", width: "1rem", maxHeight: "4rem", }, }} /> inputProps 字段中的 WebkitTextFillColor 属性会产生差异。您可以将其更改为您想要的任何颜色。
如何清除 Textfield 并在 Flutter 中的 OnChange 事件上将焦点返回到同一个 Textfield 控制器?
我在 Flutter 应用程序中有一个 Textfield 控制器,我想清除该 Textfield 并在将该 Textfield 的值传递到该 Textfield 自己的 OnChange 事件后重新聚焦于它。 其实我...
我有一个屏幕,其中一些文本字段我想显示“假”键盘。键盘应该能够有我喜欢的任意数量的按钮,并按照我想要的方式显示。如下图所示。 我的问题...
默认情况下,当文件拖放到 SwiftUI TextField 上时,它会插入文件路径的字符串值。 如何拒绝掉落在 SwiftUI TextField 上的项目? (禁用文本字段不是一个o...
我正在开发更新功能,但我希望用户在导航到更新页面时立即看到他/她的详细信息显示在文本字段表单中。我已经能够发送日志了...
iOS 7 中 UIAlertview 上的 iOS 多个文本字段
所以新的 iOS 7 已经出来了,我正在尝试向 UIAlertviews 添加多个文本字段和标签。我需要三个。我一直在尝试将它们添加为子视图,但这不再起作用。我有...
如何为TextField创建的MUI Select组件添加占位符?
我想将占位符(-- Select --)添加到由 TextField 使用 select 属性创建的以下 MUI Select 组件。 const [国家/地区,设置国家/地区] = useState("") 我想将占位符 (-- Select --) 添加到由 TextField 使用 select 属性创建的以下 MUI Select 组件。 const [country, setCountry] = useState("") <TextField select value={country} onChange={e => setCountry(e.target.value)} > <MenuItem value='US'>America</MenuItem> <MenuItem value='CA'>Canada</MenuItem> <MenuItem value='UK'>England</MenuItem> </TextField> 我尝试添加 placeholder='-- Select --' 道具,但无法显示占位符。 然后我尝试添加 label='-- Select --' 道具。尽管可以显示占位符,但当最初渲染组件并尝试选择一个选项时,标签移动到组件的左上角,我不想要该动画。然后我尝试添加 InputLabelProps={{disableAnimation: true}} 道具,但动画仍然存在。 有人可以教我如何在我的案例中添加占位符吗? 如果我们检查 Select 元素,span 内部有一个空的 div,其类为 .MuiSelect-select,当没有选择值时可见。 我们可以使用此span创建一个解决方案,如下所示: const [country, setCountry] = useState(''); return ( <TextField sx={{ width: '300px', '& .MuiSelect-select span::before': { content: "'-- Select --'", }, }} select value={country} onChange={(e) => setCountry(e.target.value)} > <MenuItem value="US">America</MenuItem> <MenuItem value="CA">Canada</MenuItem> <MenuItem value="UK">England</MenuItem> </TextField> ); 您可以查看 this StackBlitz,了解此解决方案的实时工作示例。
如何从几个文本字段定义文本字段并从自定义数字键盘输入数据(颤动)
我有几个文本字段和一个自定义数字键盘。我想将自定义按钮中的数字添加到现在处于焦点的文本字段中。我如何定义现在焦点中的文本字段以及如何...
我正在尝试构建一个显示后缀(如单位)的 TextField,用户无法选择该后缀,并且如果满足某些条件,则应该隐藏 TextField 的值;就我而言,如果价值...
Flutter 中文本字段的 OutlinedInput 边框问题
我已经使用了 OutlinedInput Border 装饰,但是当增加 labelText 和轮廓边框之间的 borderRadius 空间时,也会增加请帮助,因为我是 Flutter 的初学者。 图片链接: https://博士...