{"id":32277665,"url":"https://github.com/lukas-pierce/elevated_flex","last_synced_at":"2026-02-22T01:36:25.273Z","repository":{"id":239723151,"uuid":"800252856","full_name":"lukas-pierce/elevated_flex","owner":"lukas-pierce","description":"Flutter Column and Row with z-index elevated children","archived":false,"fork":false,"pushed_at":"2024-05-17T03:43:19.000Z","size":4304,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-22T23:42:39.460Z","etag":null,"topics":["column","flutter","row","z-index"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/elevated_flex","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lukas-pierce.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-14T01:41:43.000Z","updated_at":"2024-05-17T03:43:22.000Z","dependencies_parsed_at":"2024-05-17T00:32:09.256Z","dependency_job_id":"84960363-1a75-4cad-ac5c-33b31d59b275","html_url":"https://github.com/lukas-pierce/elevated_flex","commit_stats":null,"previous_names":["lukas-pierce/elevated_flex"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lukas-pierce/elevated_flex","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukas-pierce%2Felevated_flex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukas-pierce%2Felevated_flex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukas-pierce%2Felevated_flex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukas-pierce%2Felevated_flex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lukas-pierce","download_url":"https://codeload.github.com/lukas-pierce/elevated_flex/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukas-pierce%2Felevated_flex/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29703227,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T23:35:04.139Z","status":"ssl_error","status_checked_at":"2026-02-21T23:35:03.832Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["column","flutter","row","z-index"],"created_at":"2025-10-23T00:11:50.787Z","updated_at":"2026-02-22T01:36:25.268Z","avatar_url":"https://github.com/lukas-pierce.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"## About\n\n`elevated_flex` is flutter package that allows you to build columns and rows within which you can elevate some children above the rest. At the same time, without violating their order and content adaptability.\n\n![Elevated Flex](https://raw.githubusercontent.com/lukas-pierce/elevated_flex/main/images/elevated_flex.png)\n\n## ElevatedColumn\n\n`ElevatedColumn` is built exactly like a regular `Column`, and accepts all the same parameters. All you need is to wrap one or several of the children in an `Elevated` widget:\n\n```dart\nElevatedColumn(\n  mainAxisSize: MainAxisSize.min,\n  children: [\n    SimpleChild(),\n    Elevated(child: SimpleChild(shadow: true)),\n    SimpleChild(),\n  ],\n)\n```\n\n## ElevatedRow\n\n`ElevatedRow` is built exactly like a regular `Row`, and accepts all the same parameters. All you need is to wrap one or several of the children in an `Elevated` widget:\n\n```dart\nElevatedRow(\n  crossAxisAlignment: CrossAxisAlignment.end,\n  children: [\n    SimpleChild(),\n    Elevated(child: SimpleChild(shadow: true)),\n    SimpleChild(),\n  ],\n)\n```\n\n\n## Flex params\n\nThe `ElevatedColumn` and `ElevatedRow` widgets accept all the same parameters as their standard prototypes:\n- `mainAxisAlignment`\n- `mainAxisSize`\n- `crossAxisAlignment`\n- `verticalDirection`.\n\nTherefore, you can safely use it for replacement where necessary.\n\nTo test the behavior, I developed a special sandbox screen where you can compare the behavior of standard components and their Elevated analogues\n\n[column_and_row_behavior_example.dart](https://github.com/lukas-pierce/elevated_flex/blob/main/example/lib/pages/column_and_row_behavior_example.dart)\n\n\u003cimg src=\"https://raw.githubusercontent.com/lukas-pierce/elevated_flex/main/images/flex-params-sandbox.gif\" alt=\"Flex Params Sandbox\" height=\"640px\"\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eVideo version\u003c/summary\u003e\n\n  https://github.com/lukas-pierce/elevated_flex/assets/4938316/3b5b91f4-2f94-46a9-bda8-1afba238d8db\n\u003c/details\u003e\n\n\n## TODO\n\nThe package does not currently support `CrossAxisAlignment.baseline`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukas-pierce%2Felevated_flex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flukas-pierce%2Felevated_flex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukas-pierce%2Felevated_flex/lists"}