У меня есть ScrollView с большой линией "прогресса" слева и текстом с кнопкой справа, возможно я что-то упускаю, но пробелы работают неправильно и эта кнопка и текст не в самом низу экрана. (Я использовал темный прямоугольник, чтобы увидеть рамку внизу)
Поэтому мне нужно переместить этот прямоугольник в нижнюю часть строки.
Упрощенный код:
GeometryReader { geo in
ZStack {
// Gradient Background
AnimatedGradBackground(type: .blackWhite)
ScrollView {
LazyVStack {
HStack(alignment: .bottom) {
// MARK: Main Line
(ZStack with some code)
Spacer()
// MARK: Text and Goal Button
VStack {
// Goal Button
if showMainButton {
Circle()
.opacity(0)
.overlay {
GoalButtonView(completedLongPress: $completedLongPress)
}
.scaleEffect(0.9)
.transition(
.asymmetric(
insertion: .move(edge: .top).combined(with: .opacity),
removal: .scale
))
}
// Text
if showTransitionText {
VStack(alignment: .center) {
Text("The Hardest Part")
.font(.title3.bold())
Text("This is actually the most important step you can take")
}
.foregroundStyle(.white)
.frame(width: geo.size.width / 1.8)
.transition(
.asymmetric(
insertion: .move(edge: .top).combined(with: .opacity),
removal: .move(edge: .bottom).combined(with: .opacity)
))
}
Rectangle() // rect to see the frame
}
.animation(.easeInOut.speed(0.3), value: isLinePressed)
}
}
.frame(minHeight: geo.size.height * Double(checkPointsNum / 2)) // I tried default frame and this frame still the same result
}
.defaultScrollAnchor(.bottom)
}
}
.ignoresSafeArea()
У меня есть ScrollView с большой линией "прогресса" слева и текстом с кнопкой справа, возможно я что-то упускаю, но пробелы работают неправильно и эта кнопка и текст не в самом низу экрана. (Я использовал темный прямоугольник, чтобы увидеть рамку внизу) Поэтому мне нужно переместить этот прямоугольник в нижнюю часть строки. Упрощенный код: [code]GeometryReader { geo in ZStack { // Gradient Background AnimatedGradBackground(type: .blackWhite)
ScrollView { LazyVStack { HStack(alignment: .bottom) { // MARK: Main Line (ZStack with some code)
Spacer()
// MARK: Text and Goal Button VStack { // Goal Button if showMainButton { Circle() .opacity(0) .overlay { GoalButtonView(completedLongPress: $completedLongPress) } .scaleEffect(0.9) .transition( .asymmetric( insertion: .move(edge: .top).combined(with: .opacity), removal: .scale )) } // Text if showTransitionText { VStack(alignment: .center) { Text("The Hardest Part") .font(.title3.bold())
Text("This is actually the most important step you can take") } .foregroundStyle(.white) .frame(width: geo.size.width / 1.8) .transition( .asymmetric( insertion: .move(edge: .top).combined(with: .opacity), removal: .move(edge: .bottom).combined(with: .opacity) )) }
Rectangle() // rect to see the frame } .animation(.easeInOut.speed(0.3), value: isLinePressed) } } .frame(minHeight: geo.size.height * Double(checkPointsNum / 2)) // I tried default frame and this frame still the same result } .defaultScrollAnchor(.bottom) } } .ignoresSafeArea() [/code] [img]https://i.sstatic.net/ykUjViP0.png[/img]
Я сталкиваюсь с проблемой макета в Swiftui на iOS 17, где Color представления в vStack внутри Scrollview начинают перекрываться, когда я прокручиваю вниз. Каждый цвет Предполагается, что он должен занимать относительную кадр полного контейнера, но,...
Я ищу решение для использования представления списка внутри представления прокрутки, но безуспешно 🥲
Результат, который мне нужен, похож на веб-страницу: в xaml у вас есть страница с представлением прокрутки, а для дочернего элемента - сетка и...
Я ищу решение для использования представления списка внутри представления прокрутки, но безуспешно 🥲
Результат, который мне нужен, похож на веб-страницу: в xaml у вас есть страница с представлением прокрутки, а для дочернего элемента - сетка и...
Вопрос:
Я работаю над приложением для Android, в котором динамически добавляю пользовательские представления, содержащие элементы TextView внутри ScrollView. Каждый TextView предназначен для независимой прокрутки, но я столкнулся с проблемой: если...