dual_tone_text_codespark 0.0.6

dual_tone_text_codespark: ^0.0.6 copied to clipboard

example/lib/main.dart

import 'package:dual_tone_text_codespark/dual_tone_text_codespark.dart';
import 'package:dual_tone_text_codespark/src/widgets/wave_split_text.dart';
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.black,
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Center(
                child: WaveSplitText(
                  text: 'Wavey Text',

                  style: const TextStyle(
                    fontSize: 46,
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                  ),
                  topColor: Colors.blue,
                  bottomColor: Colors.orange,
                  amplitude: 4,
                  frequency: 16,
                ),
              ),
              const SizedBox(height: 12),

              DualToneText(
                text: const Text(
                  'WELCOME',
                  style: TextStyle(
                    fontSize: 60,
                    fontWeight: FontWeight.bold,
                    color: Colors.white,
                  ),
                ),
                bottomColor: Colors.orange,
                splitPercentage: 0.5,
              ),
              const SizedBox(height: 12),
              RadialSplitText(
                text: const Text(
                  'WELCOME',
                  style: TextStyle(
                    fontSize: 60,
                    fontWeight: FontWeight.bold,
                    color: Colors.white,
                  ),
                ),

                outerColor: Colors.red,
                radiusCutoff: 0.4,
              ),
              const SizedBox(height: 12),

              DualToneTextByChar(
                text: "Hello World",

                style: TextStyle(fontSize: 24),
                topColor: Colors.red,
                bottomColor: Colors.blue,
                splitAt: 8,
              ),
              const SizedBox(height: 12),

              DualToneCheckerboardText(
                text: "Checkerboard",
                style: TextStyle(fontSize: 24),
                color1: Colors.green,
                color2: Colors.orange,
              ),
              const SizedBox(height: 12),

              DualToneWordSplitText(
                text: "Split Per Word",
                style: TextStyle(fontSize: 24),
                color1: Colors.purple,
                color2: Colors.teal,
              ),
            ],
          ),
        ),
      ),
    );
  }
}