Create stories with just single-line code
Use Swift Package Manager
dependencies: [
.package(url: "https://github.com/tiskender2/StoryUI.git", exact: "1.5.2")
]
import SwiftUI
import StoryUI
struct ContentView: View {
@State var isPresented: Bool = false
@State var stories = [
StoryUIModel(user: StoryUIUser(name: "Tolga ฤฐskender", image: "https://image.tmdb.org/t/p/original/pB8BM7pdSp6B6Ih7QZ4DrQ3PmJK.jpg"), stories: [
Story(mediaURL: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4",
date: "30 min ago",
config: StoryConfiguration(storyType: .message(config: StoryInteractionConfig(showLikeButton: true),
emojis: [["๐","๐ฎ","๐"],
["๐ข","๐","๐ฅ"]],
placeholder: "Send Message"),
mediaType: .video)),
Story(mediaURL: "https://image.tmdb.org/t/p/original//pThyQovXQrw2m0s9x82twj48Jq4.jpg", date: "1 hour ago", config: StoryConfiguration(mediaType: .image)),
Story(mediaURL: "https://image.tmdb.org/t/p/original/pB8BM7pdSp6B6Ih7QZ4DrQ3PmJK.jpg", date: "12 hours ago", config: StoryConfiguration(mediaType: .image))
]),
StoryUIModel(user: StoryUIUser(name: "Jhon Doe", image: "https://image.tmdb.org/t/p/original//pThyQovXQrw2m0s9x82twj48Jq4.jpg"), stories: [
Story(mediaURL: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4", date: "30 min ago", config: StoryConfiguration(mediaType: .video)),
Story(mediaURL: "https://picsum.photos/id/237/200/300", date: "12 hours ago", config: StoryConfiguration(mediaType: .image)),
]),
]
var body: some View {
NavigationView {
Button {
isPresented = true
} label: {
Text("Show")
}
.fullScreenCover(isPresented: $isPresented) {
StoryView(stories: stories,
isPresented: $isPresented)
}
}
}
- iOS 14+
- Swift 5.6+
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
StoryUI is available under the MIT license. See the LICENSE file for more info.