iT邦幫忙

2022 iThome 鐵人賽

DAY 5
0
Mobile Development

Flutter Developer Learning SwiftUI系列 第 5

Flutter Developer Learning SwiftUI. @State var lesson5 = "顯示文字"

  • 分享至 

  • xImage
  •  

Today Preview

1. 正文

今天就是更平凡的一集了
純粹就是示範Text的效果而已了
那我就不廢言了,看code吧
(我還是想不通沒事特地出個Label要幹嘛, 自己用HStack不就好了嗎?)
((好歹也加個aligment比較方便吧))
(((LabelStyle更莫名, 出個only我還用Label幹嘛)))
((((不是說好不廢話???))))

最後再囉唆一下
PS.1 翻了一下Text專屬的Modifier,沒看到跟TextAlign相關的⚠️⚠️⚠️,要達到一樣效果可以用.frame的alignment
PS.2 SwiftUI不只可以String相加,還可以Text相加,這樣不用套HStack就可以達到AttributedString的效果⚠️⚠️⚠️,滿方便的,讚讚

2. 對照表

Android iOS Flutter SwiftUI
TextView UILabel Text Text

Tomorrow Preview

Yes


跨界學習系列文章

Android版:iOS Developer Learning Android. Lesson 10 - TextView + EditText (不用寫code就可做到跑馬燈跟UITextView自動長高)
Flutter版:iOS Developer Learning Flutter. Lesson6 文字顯示與輸入


https://github.com/mark33699/FDLS


上一篇
Flutter Developer Learning SwiftUI. @State var lesson4 = "排列"
下一篇
Flutter Developer Learning SwiftUI. @State var lesson6 = "顯示圖片"
系列文
Flutter Developer Learning SwiftUI30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言