Flutter: ν˜„μž¬ ν…Œλ§ˆμ˜ 보쑰 μƒ‰μƒμœΌλ‘œ ν…μŠ€νŠΈμ— 색상을 μ§€μ •ν•˜λŠ” κ°€μž₯ 쒋은 방법은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

에 λ§Œλ“  2016λ…„ 05μ›” 11일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: flutter/flutter

머티리얼 λ””μžμΈμ—λŠ” 보쑰 ν…μŠ€νŠΈ μƒ‰μƒμ˜ κ°œλ…μ΄ μžˆμŠ΅λ‹ˆλ‹€. https://www.google.com/design/spec/style/color.html#color -text-background-colors

맀우 μž₯ν™©ν•œ Theme.of(context).textTheme.caption.color λ₯Ό μ‚¬μš©ν•˜μ—¬ flutterμ—μ„œ 이 색상에 μ•‘μ„ΈμŠ€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μΊ‘μ…˜μ΄λ‚˜ λ””μŠ€ν”Œλ ˆμ΄[1-4]μ—μ„œ μΆ”κ°€ μŠ€νƒ€μΌ(κ°€μ€‘μΉ˜, fontSize)을 μ›ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. Colors.black54 λ₯Ό 직접 μ‚¬μš©ν•˜λŠ” 것은 ν…Œλ§ˆ 변경에 μ μ‘ν•˜μ§€ λͺ»ν•˜κΈ° λ•Œλ¬Έμ— 이상적이지 μ•ŠμŠ΅λ‹ˆλ‹€. ν˜„μž¬ ν…Œλ§ˆμ˜ 보쑰 ν…μŠ€νŠΈ 색상을 κ°€μ Έμ˜€λŠ” 덜 μž₯ν™©ν•œ 방법이 μžˆμŠ΅λ‹ˆκΉŒ? ν˜„μž¬ νŒ¨ν‚€μ§€ μˆ˜μ€€ κΈ°λŠ₯을 λ§Œλ“€μ—ˆμ§€λ§Œ 더 λ‚˜μ€ 방법이 μžˆμ–΄μ•Ό ν•  것 κ°™μŠ΅λ‹ˆλ‹€.

Color secondary(BuildContext context) =>
  Theme.of(context).textTheme.caption.color;

이것은 λ‚΄κ°€ 말할 수있게 ν•΄μ€λ‹ˆλ‹€.

new TextStyle(color: secondary(context))

λŒ€μ‹ μ—

new TextStyle(color: Theme.of(context).textTheme.caption.color)
api docs material design framework

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@Hixie ThemeData 에 이에 λŒ€ν•œ ν•„λ“œκ°€ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.

λͺ¨λ“  3 λŒ“κΈ€

@Hixie ThemeData 에 이에 λŒ€ν•œ ν•„λ“œκ°€ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.

λ™μ˜.

보쑰 색상은 κ°•μ‘° μƒ‰μƒμž…λ‹ˆλ‹€. κ°•μ‘° 색상에 λŒ€ν•œ ThemeData ν•„λ“œκ°€ μžˆμŠ΅λ‹ˆλ‹€. TextStyle λ¬Έμ„œ λ˜λŠ” 그와 같은 λ¬Έμ„œμ—μ„œ 이λ₯Ό κ°€λ¦¬μΌœμ•Ό ν•©λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰