GithubHelp home page GithubHelp logo

jacobkosmart / fruitsdic-ios-practice Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 11.12 MB

To Practice onboarding , List, detail and setting View

Swift 100.00%
swiftui lifecycle disclosure webview foreach-loop

fruitsdic-ios-practice's Introduction

πŸ“ FruitsDic-ios-practice

스크란샷 스크란샷 스크란샷

πŸ“Œ Main Features

  • OnBoding Screen with Page Tab View

  • Data model and fetch data

  • SwiftUI App life cycle works

  • Link View in SwiftUI

  • Disclosure View in SwiftUI

  • Display views dynamically in a list view with loop

πŸ“Œ Project Setup

  • Device Orientation : Portrait

  • assets import

    • Appicon

    • Fruits

    • logo : It is svg file that need to selecting preserve vector data in image set. It can be scalable sized in vector file

    • Colors : To show fruits background color individually

    • Accent Colors : It is widely used for Buttons and other different UI elements in navigation

image

πŸ”‘ Check Point !

πŸ”· UI Structure

슬ᄅᅑ아드1 슬ᄅᅑ아드2 슬ᄅᅑ아드3

πŸ”· Model

// FruitsModel.swift
import SwiftUI

// MARK: -  Fruit Model
struct Fruit: Identifiable {
	var id = UUID()
	var title: String
	var headline: String
	var image: String
	var gradientColors: [Color]
	var description: String
	var nutrition: [String]
}

πŸ”· Check core codes in details

πŸ‘‰ 5.DetailView

πŸ‘‰ 6.SettingView

πŸ‘‰ 7.iPad Layout


πŸ—ƒ Reference

The Simple Life(cycle) of a SwiftUI View- https://dbolella.medium.com/the-simple-life-cycle-of-a-swiftui-view-95e2e14848a2

Developer apple docs in DisclosureGroup - https://developer.apple.com/documentation/swiftui/disclosuregroup

μ„œκ·Ό κ°œλ°œλ…ΈνŠΈ swiftUI - https://seons-dev.tistory.com/50

Udemy SwiftUI Masterclass 2022 - https://www.udemy.com/course/swiftui-masterclass-course-ios-development-with-swift/

fruitsdic-ios-practice's People

Contributors

jacobkosmart avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.