responsive_fonts 1.0.0 copy "responsive_fonts: ^1.0.0" to clipboard
responsive_fonts: ^1.0.0 copied to clipboard

The Flutter Text widget dynamically adjusts its size to fit the screen dimensions like (Mobiles, Windows, Web).

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:responsive_fonts/responsive_fonts.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Responsive Font',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(text: 'Responsive Font Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.text});
  final String text;
  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.text),
      ),
      body: const Center(
        child: Padding(
          padding: EdgeInsets.all(8.0),
          child: Column(
            children: [
              ResponsiveFonts(
                text: "Hello Iam Tamilselvan",
                size: 20,
                textalignment: TextAlign.center,
                overflow: TextOverflow.ellipsis,
                fontFamily: "Poppins",
              ),
              ResponsiveFonts(
                text: "Hello Iam Tamilselvan",
                size: 20,
                textalignment: TextAlign.center,
                overflow: TextOverflow.ellipsis,
              ),
              ResponsiveFonts(text: "Hello World", size: 30, decoration: TextDecoration.underline, color: Colors.blue),
              ResponsiveFonts(text: "Hello ", size: 35, color: Colors.blue, fontWeight: FontWeight.bold),
            ],
          ),
        ),
      ),
    );
  }
}
2
likes
145
points
16
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

The Flutter Text widget dynamically adjusts its size to fit the screen dimensions like (Mobiles, Windows, Web).

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on responsive_fonts