Skip to content

Commit 4e46a83

Browse files
authored
feat : add transforming-views 如何更改 List TextEditor 等的背景色 (#44)
* fix Capsule text * fix some translate * modify form translate * modify containers translate * format Alert code * fix typos * modify some translate * add transforming-views 如何更改 `List` `TextEditor` 等的背景色
1 parent 63de22a commit 4e46a83

File tree

3 files changed

+30
-0
lines changed

3 files changed

+30
-0
lines changed

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -307,6 +307,7 @@ SwiftUI 示例,技巧和技术集合,帮助我构建应用程序,解决问
307307
- [使用 `ButtonStyle` 自定义按钮](example/transforming-views/demo19/README.md)
308308
- [使用 `ProgressViewStyle` 自定义 `ProgressView`](example/transforming-views/demo20/README.md)
309309
- [使用 `ToggleStyle` 自定义 `Toggle`](example/transforming-views/demo21/README.md)
310+
- [如何更改 `List` `TextEditor` 等的背景色](example/transforming-views/demo22/README.md)
310311

311312
## 绘画
312313

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
如何更改`List``TextEditor`等的背景色
2+
===
3+
4+
有些 `SwiftUI` 视图具有默认的背景颜色,会覆盖你自己尝试应用的任何背景颜色,但如果你使用 `scrollContentBackground()` 修饰符,你可以隐藏该默认背景并替换为其他内容。截至撰写本文时,此方法适用于 `List``TextEditor和Form` ,因此你可以移除或更改它们的背景颜色。
5+
6+
例如,这将删除列表的默认背景,并替换为靛蓝色:
7+
8+
```swift
9+
List(0..<100) { i in
10+
Text("Example \(i)")
11+
}
12+
.scrollContentBackground(.hidden)
13+
.background(.indigo)
14+
```
15+
16+
这将隐藏 `TextEditor` 的默认背景并用渐变色替换它:
17+
18+
```swift
19+
struct ContentView: View {
20+
@State private var bio = "Describe yourself"
21+
22+
var body: some View {
23+
TextEditor(text: $bio)
24+
.scrollContentBackground(.hidden)
25+
.background(.linearGradient(colors: [.white, .gray], startPoint: .top, endPoint: .bottom))
26+
}
27+
}
28+
```

idoc.chapters.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@
269269
- transforming-views/demo19/README.md: 使用 `ButtonStyle` 自定义按钮
270270
- transforming-views/demo20/README.md: 使用 `ProgressViewStyle` 自定义 `ProgressView`
271271
- transforming-views/demo21/README.md: 使用 `ToggleStyle` 自定义 `Toggle`
272+
- transforming-views/demo22/README.md: 如何更改 `List` `TextEditor` 等的背景色
272273

273274
# ## 绘画
274275

0 commit comments

Comments
 (0)