Question 68096 in IOS Swift Question posted in
The official documentation can be found here.

Animate text on and off screen in SwiftUI – Ios swift

I am trying to animate text to make it scroll across the screen, (using it to make a stock app), I am unable to get it to go completely off the screen can someone please help…

This is what I have so far

let text = "Some text to animate"
private var is = true
var body: some View {
VStack { 
Text(text)
.fixedSize()
.frame(width: 100, alignment: is ? .trailing : .leading)
.animation(Animation.linear(duration: 5).repeatForever())
}
Tags:

2

Answers


  1. 0

    like this? It shifts the text using .offset if go is true.

        let text = "Some text to animate"
    @State private var go = false
    
    var body: some View {
        VStack {
            Text(text)
                .fixedSize()
                .frame(width: 100)
                .offset(x: go ? 300 : 0, y: 0)
                .animation(Animation.linear(duration: 3).repeatForever(), value: go)
                .onAppear{self.go.toggle()}
        }
    }
    Login or Signup to reply.
  2. 0

    A possible solution is to use single Text with .move asymmetric transition.

    Here is a simplified demo. Tested with Xcode 13.4 / iOS 15.5

    demo

    Main part:

    var body: some View {
    GeometryReader { gp in
        VStack {
            Text(text)
                .fixedSize()
                .frame(width: gp.size.width + textWidth, alignment: .trailing)
                .id(go)
                .transition(transition)
                .onAppear{ go.toggle() }
                .animation(animation, value: go)
        }
    }.fixedSize(horizontal: false, vertical: true)
}

    Test module on GitHub

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search