Nano Hash - криптовалюты, майнинг, программирование

SwiftUI: как избавиться от перемещения текста Segmented Control при отображении предупреждения?

В небольшом примере приложения SwiftUI у меня есть представление настроек, которое показывает несколько вариантов выбора, реализованных в виде сегментированных элементов управления. Текст в этих сегментированных элементах управления заметно перемещается при отображении или отклонении предупреждения. Есть ли способ избавиться от этого глюка?

Вставьте это на игровую площадку, чтобы воспроизвести:

import SwiftUI
import PlaygroundSupport

struct FlickeringSegmentsView: View {
    @State var option = 0
    @State var alerting = false

    var body: some View {
        VStack(alignment: .center, spacing: 120) {
            Picker("options", selection: $option) {
                Text("Option A").tag(0)
                Text("Option B").tag(1)
            }
            .pickerStyle(SegmentedPickerStyle())
            .padding(16)

            Button(action: { self.alerting.toggle() },
                   label: { Text("Show Alert") }
            )
            .alert(isPresented: $alerting) {
                Alert(title: Text("Alert"))
            }
        }
    }
}

PlaygroundPage.current.setLiveView(FlickeringSegmentsView())

  • странно, но я вижу этот глюк, даже если переключаюсь между вариантом А и вариантом Б., протестированным на холсте и на реальном устройстве 03.01.2020
  • Да, при выборе есть небольшое движение / анимация, но я думаю, что это отличается от того, что происходит при отображении предупреждения. Кроме того, почему предупреждение вообще влияет на все остальное на экране? Я никогда не видел, чтобы такое происходило с UIKit. 03.01.2020
  • К сожалению, я также столкнулся с той же проблемой, вы нашли решение с тех пор? 22.05.2020
  • Нет, к сожалению нет. Я отправил отзыв FB7518502, если вы хотите его обмануть. 22.05.2020

Ответы:


1

Эта проблема решена в бета-версии Xcode 12 с использованием встроенного симулятора iOS 14 (и, надеюсь, так и останется).

02.07.2020

2

Надеюсь, приведенный ниже код поможет вам:

public protocol SegmentedPickerViewElementTraits: Hashable {
    var localizedText: String { get }
}

public struct SegmentedPickerView<Value, Data, ID, Label>: View
    where
    Value: SegmentedPickerViewElementTraits,
    Data: RandomAccessCollection,
    Data.Element == Value,
    ID: Hashable,
    Label: View {

    public let data: Data
    public let id: KeyPath<Data.Element, ID>
    public let selection: Binding<Value>
    public let label: Label

    public init(data: Data,
                id: KeyPath<Data.Element, ID>,
                selection: Binding<Value>,
                label: Label) {
        self.data = data
        self.id = id
        self.selection = selection
        self.label = label
    }

    public var body: some View {
        Picker(selection: selection, label: label) {
            ForEach(data, id: id) {
                Text($0.localizedText).tag($0)
            }
        }
        .pickerStyle(SegmentedPickerStyle())
    }
}

и давайте изменим ваш код:

enum Options: UInt8, CaseIterable {
    case optionA
    case optionB
}

extension Options: SegmentedPickerViewElementTraits {
    var localizedText: String {
        switch self {
        case .optionA:
            return "Option A"
        case .optionB:
            return "Option B"
        }
    }
}

struct FlickeringSegmentsView: View {
    @State
    var option: Options = .optionA

    @State
    var alerting = false

    var body: some View {
        VStack(alignment: .center, spacing: 120) {
            SegmentedPickerView(
                data: Options.allCases,
                id: \.self,
                selection: $option,
                label: Text("options")
            )
            .padding(16)

            Button(
                action: { self.alerting.toggle() },
                label: { Text("Show Alert") }
            )
            .alert(isPresented: $alerting) {
                Alert(title: Text("Alert"))
            }
        }
    }
}
25.01.2020
  • Нет, это совсем не помогает. Этот код демонстрирует те же визуальные сбои, что и мой. 25.01.2020
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..