Picker{}で背景は変更できるが選択肢の文字列の色が黒くなってしまいます。また選択時の背景色を変更したいです。
.foregroundColor(.white)で色を指定していて
.pickerStyle(SegmentedPickerStyle())をコメントアウトすると色が変更されますが
.pickerStyle(SegmentedPickerStyle())をつける望み通りのレイアウトになりますが色が黒になってしまいます。
struct PageViewContents: View { @State private var page = 0 //var products = Product.all() let selection = ["Page 1","Page 2","Page 3","Page 4",] let title = "page" var body: some View { VStack { Picker(selection: $page,label: Text(title)) { ForEach(0 ..< selection.count) { Text(self.selection[$0]).tag($0) } }.background(Color.red) .pickerStyle(SegmentedPickerStyle()) .foregroundColor(.white) .padding(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0)) PageView([ //表示されるクラス ProductListView(), ProductListView(), ProductListView(), ProductListView(), ProductListView(), ], currentPage: $page) } } }
pickerStyle(SegmentedPickerStyle())無しは色指定が効く。
pickerStyle(SegmentedPickerStyle())をつけると黒に戻る。
選択時の白い部分も色を変えたいです。
どうしたら良いでしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。