在小部件末尾,我经常被],}和)困住:
.Values.0
我不知道该如何处理。我发现自己浪费了很多时间,只是在猜测如何关闭嵌套在任何东西中的双窗口小部件中的三层嵌套窗口小部件。太令人费解了。是否有用于在抖动中构建UI的修整工具?可以为我关闭这些插件的插件吗?
编辑:这是最终关闭它的地方。
Expanded(
child: TextFormField(
controller: feedbackController,
cursorColor: Colors.white,
style: TextStyle(
color: Colors.white,
),
decoration: InputDecoration(labelText: 'text input'),
)
]),
)
)
]),
答案 0 :(得分:1)
您可以设置文档格式以正确查看小部件树,但是基本上在上面显示的代码中,它应该是这样的:
import React from "react";
import data from "./data.json";
class Home extends React.Component {
state = {
numbersAndLetters: []
}
formatData = () => {
var i = 1
let numbersAndLetters = []
data.numbers.forEach((item) => {
if (i % 3 == 0) {
const deletedItemFromLettersArray = data.letters.shift()
numbersAndLetters = [...numbersAndLetters, deletedItemFromLettersArray, item]
i++
} else {
numbersAndLetters = [...numbersAndLetters, item]
}
i++
})
// You can uncomment this if you want to print remaining values in letters array
// if (data.letters.length > 0) {
// numbersAndLetters = [...numbersAndLetters, ...data.letters]
// }
return numbersAndLetters
}
componentDidMount(){
const numbersAndLetters = this.formatData()
this.setState({numbersAndLetters})
}
render() {
const {numbersAndLetters} = this.state
return (
<>
<h1>Numbers and code</h1>
<ul>
{
numbersAndLetters.length > 0 &&
numbersAndLetters.map(item=>(
<li>{item.code}</li>
))
}
</ul>
</>
);
}
}
export default Home;
Expanded(
child: TextFormField(
cursorColor: Colors.white,
style: TextStyle(
color: Colors.white,
),
decoration: InputDecoration(labelText: 'text input'),
)),
是一门课。在上面的代码中,您正在初始化类Expanded
,构造函数使用类型为Expanded
的必需child
参数。因此,您使用类Widget
。
因此,基本上,每当您使用某个类时,都需要使用TextFormField
,每个类都会具有许多属性,您可以使用()
将它们分开(例如,
是一个具有值的属性类型style
的类型,因此您可以初始化该类并关闭它TextStyle
在有列表示例的情况下,您使用),
,[]
小部件具有column
类型的children
属性。最后,在使用List<Widget>
之前先使用;
。分号表示语句的结尾,例如:
}