質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

0回答

813閲覧

Newsアプリを製作中。ニュースの記事を最初から一面のままにしたい。

animal_anny

総合スコア4

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2021/05/20 15:35

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
swift初心者。Newsアプリを作っています。Youtube(https://youtu.be/0rKgs9D9qSg)からコードをそのまま打ちました。今のままではアプリを開いた最初の画面にHeadLinesと出て、その下にニュースのヘッドラインが4つほど出て、スクロールする形となっています。
しかし、自分としては、最初の画面にニュースの記事一面が出て、スクロールするとまた一面の(フルスクリーンの)記事が出るようにしたいと思っています。
どなたかご教授いただけると幸いです。

該当のソースコード

import SwiftUI import SwiftyJSON import SDWebImageSwiftUI import WebKit struct ContentView: View { @ObservedObject var list = getData() var body: some View { NavigationView{ List(list.datas){i in NavigationLink(destination: webView(url: i.url) .navigationBarTitle("",displayMode: .inline)) { HStack(spacing: 15){ VStack(alignment: .leading, spacing: 10){ Text(i.title).fontWeight(.heavy) Text(i.desc).lineLimit(2) } if i.image != ""{ WebImage(url: URL(string: i.image)!, options: .highPriority, context: nil) .resizable() .frame(width: 110, height: 135) .cornerRadius(20) } }.padding(.vertical, 15) } }.navigationBarTitle("Headlines") } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } struct dataType : Identifiable { var id : String var title : String var desc : String var url : String var image : String } class getData : ObservableObject{ @Published var datas = [dataType]() init() { let source = "https://newsapi.org/v2/top-headlines?articles&country=jp&apiKey"  //API一部省略 let url = URL(string: source)! let session = URLSession(configuration: .default) session.dataTask(with: url) { (data, _, err) in if err != nil{ print((err?.localizedDescription)!) return } let json = try! JSON(data: data!) for i in json["articles"]{ let title = i.1["title"].stringValue let description = i.1["description"].stringValue let url = i.1["url"].stringValue let image = i.1["urlToImage"].stringValue let id = i.1["publishedAt"].stringValue DispatchQueue.main.async { self.datas.append(dataType(id: id, title: title, desc: description, url:url, image: image )) } } }.resume() } } struct webView : UIViewRepresentable { var url: String func makeUIView(context: UIViewRepresentableContext<webView>)->WKWebView{ let view = WKWebView() view.load(URLRequest(url: URL(string: url)!)) return view } func updateUIView(_ uiView: WKWebView, context: UIViewRepresentableContext<webView>) { } }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hoshi-takanori

2021/05/20 15:45

「スクロールするとまた一面の(フルスクリーンの)記事が出る」のスクロール方向は縦横どちらを想定されてますか?
animal_anny

2021/05/20 18:54

横です。よろしくお願いします。
hoshi-takanori

2021/05/20 18:59

横なら「横スワイプ」って言った方が通じやすい気がします。スクロールだと連続的な感じがするので…。 ってのはさておき、「SwiftUI PageView」で検索するといろいろ出てくると思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問