Flutter widget that implements the long shadow design pattern.
Tested with an iPhone 8, but should work with Android as well.
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.
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.
Test out long shadows with different text, font size, and shadow angles. This also includes gyro support.
https://github.com/wilkinnh/long_shadow_playground
Example app using long shadows with the periodic table.