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
135
points
32
downloads

Publisher

unverified uploader

Weekly Downloads

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

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on responsive_fonts