小编Ras*_*Ras的帖子

我想使用Material-UI Next textfield errorprops 链接,道具类型是boolean.以前版本的Material-UI道具名称是errorText和道具类型是node 链接.

Textfield Material-UI使用errorText道具的先前版本:

<TextField
  name='name'
  floatingLabelText='Name'
  hintText='Type your name'
  value={this.state.fields.name}
  onChange={this.onChange}
  errorText={this.state.error}
/>

随着errorText在材料的UI以前的版本,代码工作良好的显示错误状态.

Textfield Material-UI接下来使用error道具:

<TextField
  name='name'
  label='Name'
  placeholder='Type your name'
  value={this.state.fields.name}
  onChange={this.onChange}
  error={true} //only accept true or false value
/>

在Material-UI上,下一个errorText道具更改为error布尔类型,只接受true或false值.如果我将errorprops 设置为true,则文本字段随时显示错误状态.我只想在某些条件下显示错误状态.

如何this.state.error在Material-UI Next文本字段上使用错误状态？

我想第一次运行flutter。我使用 VS 代码并运行flutter doctor来验证我的安装：

Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel beta, v0.8.2, on Mac OS X 10.12.6 16G29, locale en-ID)
[?] Android toolchain - develop for Android devices (Android SDK 27.0.1)
[?] iOS toolchain - develop for iOS devices (Xcode 9.2)
[?] Android Studio (version 3.1)
[?] VS Code (version 1.27.2)
[?] Connected devices (1 available)

• No issues found!

我的安装似乎没有问题，但是如果我运行flutter run命令，我会收到一个错误：

Launching lib/main.dart on Android SDK built for …

我尝试使用材质用户界面进行过渡的模态,并且有问题使其居中,并使其响应或居中在小尺寸屏幕(移动).

如果不使用过渡,模态可以居中并且在小尺寸上看起来很好,但如果我添加过渡,则模态不能居中或响应.

这是没有转换链接的代码模式.适用于大屏幕或小屏幕尺寸.

这是具有转换链接的代码模式.

我试图更改top&的值,left但仍然无法集中在大小屏幕尺寸:

function getModalStyle() {
  const top = 25;
  const left = 25;

  return {
    top: `${top}%`,
    left: `${left}%`,
    transform: `translate(-${top}%, -${left}%)`,
  };
}

谁能帮我？