{"id":28716925,"url":"https://github.com/rastaman111/tagsflowlayout","last_synced_at":"2025-06-15T03:12:29.097Z","repository":{"id":57676040,"uuid":"485803837","full_name":"rastaman111/TagsFlowLayout","owner":"rastaman111","description":"This implementation is built using a UICollectionView and a custom flowLayout.","archived":false,"fork":false,"pushed_at":"2022-04-27T08:58:09.000Z","size":4236,"stargazers_count":19,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-13T12:50:46.174Z","etag":null,"topics":["animated","collectionview","ios","swift","tag","uicollectionview","uicollectionviewflowlayout","uikit"],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rastaman111.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-04-26T13:43:06.000Z","updated_at":"2025-01-03T04:51:25.000Z","dependencies_parsed_at":"2022-09-03T00:02:13.020Z","dependency_job_id":null,"html_url":"https://github.com/rastaman111/TagsFlowLayout","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/rastaman111/TagsFlowLayout","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rastaman111%2FTagsFlowLayout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rastaman111%2FTagsFlowLayout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rastaman111%2FTagsFlowLayout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rastaman111%2FTagsFlowLayout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rastaman111","download_url":"https://codeload.github.com/rastaman111/TagsFlowLayout/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rastaman111%2FTagsFlowLayout/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259914929,"owners_count":22931331,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animated","collectionview","ios","swift","tag","uicollectionview","uicollectionviewflowlayout","uikit"],"created_at":"2025-06-15T03:12:25.295Z","updated_at":"2025-06-15T03:12:29.082Z","avatar_url":"https://github.com/rastaman111.png","language":"Swift","funding_links":["https://www.buymeacoffee.com/SoundBar"],"categories":[],"sub_categories":[],"readme":"# TagsFlowLayout\n\nThis implementation is built using a `UICollectionView` and a custom flowLayout.\n\n\u003ca href=\"https://github.com/rastaman111/VerticalFlowLayout\"\u003e\n    \u003cimg src=\"https://img.shields.io/cocoapods/v/VerticalFlowLayout.svg?style=flat\"  alt=\"cocoapods version\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/Carthage/Carthage\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat\"  alt=\"Carthage compatible\"\u003e\n\u003c/a\u003e   \n\n\u003ca href=\"https://github.com/rastaman111/VerticalFlowLayout/blob/master/LICENSE\"\u003e\n    \u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/rastaman111/VerticalFlowLayout.svg\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://cocoapods.org/pods/VerticalCardSwiper\"\u003e\n    \u003cimg src=\"https://img.shields.io/cocoapods/p/VerticalCardSwiper.svg?style=flat?\" alt=\"platform\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://swift.org/blog/swift-5-released/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/swift-5.0-brightgreen.svg\" alt=\"swift5.0\"\u003e\n\u003c/a\u003e\n\n### Horizontal Alignment:\n\n* `horizontalAlignment = .left`\n\n\u003cdiv\u003e \u003cimg src=\"./Left.jpg\" width=\"250\"\u003e \u003c/div\u003e\n\n* `horizontalAlignment = .right`\n\n\u003cdiv\u003e \u003cimg src=\"./Right.jpg\" width=\"250\"\u003e \u003c/div\u003e\n\n* `horizontalAlignment = .center`\n\n\u003cdiv\u003e \u003cimg src=\"./Center.jpg\" width=\"250\"\u003e \u003c/div\u003e\n\n### Inserting and Deleting tags\n\n\u003cdiv\u003e \u003cimg src=\"./Replay_Insert_Remove.gif\" alt=\"Replay_Insert_Remove\" width=\"250\"\u003e \u003c/div\u003e\n\n# Table of contents\n\n  * [Requirements](#requirements)\n  * [Installation](#installation)\n     - [CocoaPods](#cocoapods)\n     - [Swift Package Manager](#swift-package-manager)\n     - [Carthage](#carthage)\n     - [Manually](#manually)\n  * [Usage](#usage)\n  * [License](#license)\n  * [Donation](#donation)\n\n## Requirements\n* iOS 11.0+\n* Swift 5\n\n## Installation\n\n### CocoaPods\nAdd Instructions to your Podfile:\n\n```ruby\npod 'TagsFlowLayout'\n```\n\nThen, run the following command:\n\n```bash\n$ pod install\n```\n\n### Swift Package Manager\nIn Xcode, use File \u003e Swift Packages \u003e Add Package Dependency and use `https://github.com/rastaman111/TagsFlowLayout`.\n\n### Carthage\nTo install with [Carthage](https://github.com/Carthage/Carthage), simply add the following line to your Podfile:\n```ruby\ngithub \"rastaman111/TagsFlowLayout\"\n```\n\n### Manually\nIf you prefer not to use any of dependency managers, you can integrate manually. Put `Sources/TagsFlowLayout` folder in your Xcode project. Make sure to enable `Copy items if needed` and `Create groups`.\n\n## Usage\nTo use `TagsFlowLayout` inside your `UIViewController`:\n\n```swift\nimport TagsFlowLayout\n\nclass ViewController: UICollectionViewController {\n   \n    override func viewDidLoad() {\n        super.viewDidLoad()\n        \n        let tagsFlowLayout = TagsFlowLayout(alignment: .left ,minimumInteritemSpacing: 10, minimumLineSpacing: 10, sectionInset: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10))\n        collectionView.collectionViewLayout = tagsFlowLayout\n        \n        // register cell\n        collectionView.register(nib: UINib(nibName: \"ExampleCell\", bundle: nil), forCellWithReuseIdentifier: \"ExampleCell\")\n    }\n    \n   override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -\u003e UICollectionViewCell {\n        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: \"ExampleCell\", for: indexPath) as! ExampleCell\n        \n        cell.maxWidth = collectionView.bounds.width - 30\n\n        return cell\n    }\n}\n```\n```swift\nclass TagCollectionViewCell: UICollectionViewCell {\n    \n    @IBOutlet weak var tagLabel: UILabel!\n    \n    @IBOutlet private var maxWidthConstraint: NSLayoutConstraint! {\n        didSet {\n            maxWidthConstraint.isActive = false\n        }\n    }\n    \n    var maxWidth: CGFloat? = nil {\n        didSet {\n            guard let maxWidth = maxWidth else {\n                return\n            }\n            maxWidthConstraint.isActive = true\n            maxWidthConstraint.constant = maxWidth\n        }\n    }\n}\n```\n## License\nTagsFlowLayout is available under the MIT license. See the LICENSE file for more info.\n\n## Donation\n\u003ca href=\"https://www.buymeacoffee.com/SoundBar\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;\" \u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frastaman111%2Ftagsflowlayout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frastaman111%2Ftagsflowlayout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frastaman111%2Ftagsflowlayout/lists"}