av

Sample queries

thngs with name Advanced* where identifiers.ser^673
products named Robot*
thngs tagged "offline"
products where customFields.weight > 42

Programmatic use

av

var HIDE_CLASS = 'ui-hidden';
var DISABLED_CLASS = 'ui-disabled';

var FOCUSABLE_GRABBER = ':tabbable:visible:first';

ui.component = ui.define({
    id: null,
    cls: null,
    locator: null,
    hidden: false,

av

import 'package:flutter/material.dart';

void main() => runApp(NeumorphicApp());

class NeumorphicApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Neumorphic App',
      theme: ThemeData(

av

// Before
child: Container(
//...  

// After
// ...
child: AnimatedContainer(
  duration: const Duration(milliseconds: 150),
// ...

av

// In _NeumorphicContainerState.build > Listener > Container > BoxDecoration
// ...
colors: [
  _isPressed ? color : color.mix(Colors.black, .1),
  _isPressed ? color.mix(Colors.black, .05) : color,
  _isPressed ? color.mix(Colors.black, .05) : color,
  color.mix(Colors.white, _isPressed ? .2 : .5),
],
// ...

av

// In _NeumorphicContainerState.build > Listener > Container > BoxDecoration
// ...
color: color.mix(Colors.black, .05),
// ...

av

// In _NeumorphicContainerState.build > Listener > Container > BoxDecoration
boxShadow: _isPressed ? null : [...]
// ...

av

// Converting NeumorphicContainer to a StatefulWidget
class NeumorphicContainer extends StatefulWidget {
  final Widget child;
  final double bevel;
  final Offset blurOffset;
  final Color color;

  NeumorphicContainer({
    Key key,
    this.child,

av

gradient: LinearGradient(
  begin: Alignment.topLeft,
  end: Alignment.bottomRight,
  colors: [
    color.mix(Colors.black, .1),
    color,
    color,
    color.mix(Colors.white, .5),
  ],
  stops: [

av

// ...
padding: const EdgeInsets.all(24.0),
// ...