Input Utente

TextField(
    decoration: InputDecoration(
        labelText: 'Email',
        border: OutlineInputBorder(),
        prefixIcon: Icon(Icons.email),
    ),
    keyboardType: TextInputType.emailAddress,
    onChanged: (value) {
        print('Email inserita: $value');
    },
)

class EmailInput extends StatefulWidget {
    @override
    State<EmailInput> createState() => _EmailInputState();
}
 
class _EmailInputState extends State<EmailInput> {
    final TextEditingController _controller = TextEditingController();
 
    @override
    void dispose() {
        _controller.dispose(); // Importante: libera risorse
        super.dispose();
    }
 
    void _submit() {
        final email = _controller.text;
        print('Email inserita: $email');
    }
 
    @override
    Widget build(BuildContext context) {
        return Column(
        children: [
            TextField(
                controller: _controller,
                decoration: InputDecoration(labelText: 'Email'),
            ),
            ElevatedButton(
                onPressed: _submit,
                child: Text('Invia'),
            ),
        ],
        );
    }
}

class LoginForm extends StatefulWidget {
    @override
    State<LoginForm> createState() => _LoginFormState();
}
 
class _LoginFormState extends State<LoginForm> {
    final _formKey = GlobalKey<FormState>();
    final TextEditingController _emailController = TextEditingController();
 
    @override
    void dispose() {
        _emailController.dispose();
        super.dispose();
    }
 
    void _submitForm() {
        if (_formKey.currentState!.validate()) {
            final email = _emailController.text;
            print('Login con email: $email');
        }
    }
 
    @override
    Widget build(BuildContext context) {
        return Form(
        key: _formKey,
        child: Column(
            children: [
                TextFormField(
                    controller: _emailController,
                    decoration: InputDecoration(labelText: 'Email'),
                    keyboardType: TextInputType.emailAddress,
                    validator: (value) {
                        if (value == null || value.isEmpty) {
                            return 'Inserisci un\'email';
                        }
                        if (!value.contains('@')) {
                            return 'Email non valida';
                        }
                        return null;
                    },
                ),
                SizedBox(height: 16),
                ElevatedButton(
                    onPressed: _submitForm,
                    child: Text('Login'),
                ),
            ],
        ),
        );
    }
}

bool isChecked = false;
 
Checkbox(
    value: isChecked,
    onChanged: (bool? newValue) {
        setState(() {
            isChecked = newValue ?? false;
        });
    },
)

CheckboxListTile(
    title: Text('Accetta termini'),
    value: isChecked,
    onChanged: (bool? value) {
        setState(() {
            isChecked = value ?? false;
        });
    },
)

Switch(
    value: isSwitched,
    onChanged: (bool value) {
        setState(() {
            isSwitched = value;
        });
    },
)

SwitchListTile(
    title: Text('Notifiche'),
    value: isEnabled,
    onChanged: (bool value) {
        setState(() {
            isEnabled = value;
        });
    },
)

Slider(
    value: sliderValue,
    min: 0,
    max: 100,
    divisions: 10,
    label: '${sliderValue.round()}',
    onChanged: (double value) {
        setState(() {
            sliderValue = value;
        });
    },
)

Switch.adaptive(
    value: isDarkMode,
    onChanged: (bool value) {
        setState(() {
            isDarkMode = value;
        });
    },
)

GestureDetector(
    onTap: () => print('Toccato!'),
    child: Container(
        padding: EdgeInsets.all(20),
        color: Colors.amber,
        child: Text('Tocca qui'),
    ),
)

InkWell(
    onTap: () => print('Ripple!'),
    borderRadius: BorderRadius.circular(12),
    child: Container(
        padding: EdgeInsets.all(20),
        color: Colors.teal,
        child: Text('Premi me'),
    ),
)

ElevatedButton(
    onPressed: () => print('Premuto!'),
    child: Text('Invia'),
)
 
//Esempio con style
ElevatedButton(
  onPressed: () {},
  style: ElevatedButton.styleFrom(
    backgroundColor: Colors.teal,
    foregroundColor: Colors.white,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(12),
    ),
    padding: EdgeInsets.symmetric(horizontal: 24, vertical: 16),
    elevation: 4,
  ),
  child: Text('Conferma'),
)

TextButton(
    onPressed: () {},
    child: Text('Annulla'),
)
 
 
TextButton(
  onPressed: () {},
  style: TextButton.styleFrom(
    foregroundColor: Colors.orange,
    padding: EdgeInsets.all(16),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(8),
    ),
  ),
  child: Text('Annulla'),
)
 

OutlinedButton(
    onPressed: () {},
    child: Text('Info'),
)
 
OutlinedButton(
  onPressed: () {},
  style: OutlinedButton.styleFrom(
    side: BorderSide(color: Colors.red),
    foregroundColor: Colors.red,
    padding: EdgeInsets.symmetric(horizontal: 16),
  ),
  child: Text('Info'),
)
 

IconButton(
    onPressed: () {},
    icon: Icon(Icons.thumb_up),
)

FloatingActionButton(
    onPressed: () {},
    child: Icon(Icons.add),
)

CupertinoButton(
onPressed: () {},
child: Text('iOS Style'),
)

DropdownButton<String>(
    value: selectedValue,
    items: ['Uno', 'Due', 'Tre']
        .map((e) => DropdownMenuItem(value: e, child: Text(e)))
        .toList(),
    onChanged: (value) {
        setState(() {
            selectedValue = value!;
        });
    },
)

DropdownButton<String>(
    value: selected,
    items: [
        DropdownMenuItem(
            value: 'home',
            child: Row(
                children: [Icon(Icons.home), SizedBox(width: 8), Text('Home')],
            ),
        ),
        DropdownMenuItem(
            value: 'settings',
            child: Row(
                children: [Icon(Icons.settings), SizedBox(width: 8), Text('Settings')],
            ),
        ),
    ],
    onChanged: (value) => setState(() => selected = value!),
)

Divider()
 
Divider(
    color: Colors.grey,
    thickness: 2,
    height: 32,
    indent: 16,
    endIndent: 16,
)

Row(
    children: [
        Expanded(child: Text('A')),
        VerticalDivider(color: Colors.black, thickness: 1),
        Expanded(child: Text('B')),
    ],
)