responsive_text_field 0.1.4 copy "responsive_text_field: ^0.1.4" to clipboard
responsive_text_field: ^0.1.4 copied to clipboard

A new Flutter package for creating ResponsiveTextField. This widget changes its maxLines based on the user input.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:responsive_text_field/responsive_text_field.dart';
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: Home()
      )
    );
  }
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ResponsiveTextField(
        availableWidth: MediaQuery.of(context).size.width-4,
        minLines: 1,
        maxLines: 5,
        decoration: InputDecoration(
          contentPadding: EdgeInsets.symmetric(vertical: 5,horizontal: 0),
          focusedBorder: OutlineInputBorder(
            borderSide: BorderSide(width: 2,color: Colors.red)
          ),
          border: OutlineInputBorder(
              borderSide: BorderSide(width: 2,color: Colors.red)
          )
        ),
        style: TextStyle(
          fontSize: 16
        ),
      ),
    );
  }
}
4
likes
40
pub points
42%
popularity

Publisher

unverified uploader

A new Flutter package for creating ResponsiveTextField. This widget changes its maxLines based on the user input.

Repository (GitHub)
View/report issues

License

Apache-2.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on responsive_text_field