তালিকার সুইফটউআই সারি উচ্চতা - কীভাবে নিয়ন্ত্রণ করবেন?


9

আমার সুইফটউআই-তে একটি সাধারণ তালিকা রয়েছে। কোড এবং স্ক্রিনশট নীচে অন্তর্ভুক্ত। আমি তালিকার প্রতিটি সারিটির উচ্চতা হ্রাস করতে চাই (লাইন এবং পাঠ্য লাইনের একসাথে কাছাকাছি অবস্থান কম)।

আমি ইতিমধ্যে এইচস্ট্যাকটিতে একটি "। ফ্রেম (উচ্চতা: 20)" যুক্ত করার চেষ্টা করেছি তবে এটি কেবল রেখার ব্যবধান বাড়ানোর অনুমতি দেয়!

এটা করার কোন উপায় আছে?

ধন্যবাদ!

জেরার্ড

import SwiftUI

struct PressureData: Identifiable {
  let id: Int
  let timeStamp: String
  let pressureVal: Int
}

struct ContentView : View {
  @State var pressureList = [
    PressureData(id: 0, timeStamp: "11:49:57", pressureVal: 10),
    PressureData(id: 1, timeStamp: "11:49:56", pressureVal: 8),
    PressureData(id: 2, timeStamp: "11:49:55", pressureVal: 9),
    PressureData(id: 3, timeStamp: "11:49:54", pressureVal: 1),
  ]

  var body: some View {
    VStack {
        Text("Pressure Readings")
            .font(.system(size: 30))
        List(pressureList) { row in
            HStack {
               Spacer()
                Text(row.timeStamp)
                Text("--->")
                Text(String(row.pressureVal))
                Spacer()
            } .frame(height: 30)
        }
    }
  }
}

এখানে চিত্র বর্ণনা লিখুন

উত্তর:


22

তালিকার সারিটির ন্যূনতম উচ্চতা নির্ধারণ করতে পরিবেশ পরিবর্তনশীল ব্যবহার করুন এবং তারপরে এইচস্ট্যাক ফ্রেমের উচ্চতাটিকে আপনার পছন্দসই উচ্চতায় পরিবর্তন করুন ।

কোডটি এখানে:

var body: some View {
    VStack {
        Text("Pressure Readings")
            .font(.system(size: 30))
        List(pressureList) { row in
            HStack {
                Spacer()
                Text(row.timeStamp)
                Text("--->")
                Text(String(row.pressureVal))
                Spacer()
            }.frame(height: 10)
        }.environment(\.defaultMinListRowHeight, 10)
        }
  }

এখানে ফলাফল:

এখানে চিত্র বর্ণনা লিখুন


নিখুঁত - ঠিক আমি যা খুঁজছিলাম। দ্রুত প্রতিক্রিয়া জন্য ধন্যবাদ রজিব - অনেক প্রশংসা!
জেরার্ড
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.