8000 GitHub - wilkinnh/long_shadow: Long shadow Flutter widget
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

wilkinnh/long_shadow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

long_shadow

Flutter widget that implements the long shadow design pattern.

Tested with an iPhone 8, but should work with Android as well.

Demo

Sample app is hooked up to the device's gyro sensors, allowing you to change the shadow angle by tilting the phone left and right.

GIF of demo app

Getting Started

The LongShadow widget has 3 parameters:

  • text: Text widget that should contain text string, font size and color.
  • angle: float value between -1 and 1. -1 will create a shadow to the bottom right, 1 will create a shadow to the bottom left.
  • color: starting shadow color. This will automatically fade to an opacity of 0 at the bottom of the shadow.

Other Examples

Playground

Test out long shadows with different text, font size, and shadow angles. This also includes gyro support.

https://github.com/wilkinnh/long_shadow_playground

Periodic Table

Example app using long shadows with the periodic table.

https://github.com/wilkinnh/periodic_table_long_shadow

About

Long shadow Flutter widget

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  
0