SwiftUI Matched Inline Title

Transition from any SwiftUI Text view into an inline navigation bar title when the view is scrolled off-screen, as seen in Apple's TV & TestFlight iOS apps.

Example

struct ContentView: View {
    
    @Namespace var namespace
    
    var body: some View {
        NavigationView {
            ScrollView {
                VStack(alignment: .leading) {
                    MatchedTitle("For All Mankind", namespace: namespace) {
                        $0
                            .font(.largeTitle)
                            .fontWeight(.bold)
                            .padding()
                    }

                    // Other content…
                }
            }
            .matchedInlineTitle(in: namespace)
            // Other view modifiers, including `Toolbar` can be used…
        }
    }
}

Naming and namespacing conventions follow Swift's existing .matchedGeometryEffect view modifier.

A MatchedTitle view is initialized with any String, SubString or LocalizedStringKey, using similar parameters to SwiftUI's Text, and it provides optional customisation of the created Text view.

The .matchedInlineTitle modifier must be used on a ScrollView, and enforces a navigation bar title display mode of inline.

Minimum Requirements

iOS 14.0
Swift 5.3

License

This library is released under the MIT license. See the LICENSE file for more information.

Discussed in https://github.com/sebj/swiftui-matched-inline-title/discussions/1

^{Originally posted by vectorstofinal June 13, 2022} This package seems right up my alley but might not be working with latest xcode (14 beta 1). Seems previews won't compile with this code in the file. And while the code will compile and run in the sim it does not seem to ever fill in the navbar title.

Here's the error from Preview:

LinkDylibError: Failed to build RecipeDetailView.swift

Linking failed: linker command failed with exit code 1 (use -v to see invocation)

Autocomplete for a text field in SwiftUI using async/await

0.1.0(Jun 14, 2021)

Transition from any SwiftUI Text view into an inline navigation bar title when the view is scrolled off-screen, as seen in Apple's TV & TestFlight iOS apps.

Related tags

Overview

SwiftUI Matched Inline Title

Example

Minimum Requirements

License

You might also like...

Autocomplete for a text field in SwiftUI using async/await

Currency text field formatter available for UIKit and SwiftUI 💶✏️

ExpandableText 😎 (SwiftUI) Expand the text with the "more" button

Render Markdown text in SwiftUI

RichTextKit is a Swift-based library for working with rich text in UIKit, AppKit and SwiftUI.

The famous iOS search bar with auto completion feature implemented.

AEOTPTextField - A beautiful iOS OTP Text Field library, written in Swift with full access customization in UI.

Declarative text styles and streamlined Dynamic Type support for iOS

A beautiful and flexible text field control implementation of "Float Label Pattern". Written in Swift.

Comments

Still working?

Discussed in https://github.com/sebj/swiftui-matched-inline-title/discussions/1

Releases(0.1.0)

Owner

Seb Jachec

Subclass of UITextField that shows inline suggestions while typing.

An auto growing text input bar for messaging apps.

TTextField is developed to help developers can initiate a fully standard textfield including title, placeholder and error message in fast and convinient way without having to write many lines of codes

UITextField and UITextView subclasses with placeholders that change into floating labels when the fields are populated with text.

SwiftUI TextEdit View - A proof-of-concept text edit component in SwiftUI & CoreText.

🏄‍♂️ UITextField-Navigation makes it easier to navigate between UITextFields and UITextViews

A SwiftUI TextField with a prompt (or placeholder) that floats above the text field when active or not empty. Requires iOS 15.

Focus text field in SwiftUI dynamically and progress through form using iOS keyboard.

A text view that supports selection and expansion

Render Markdown text in SwiftUI