TextStyle of the actual text is not changing

[FaisalMohammadi]

when i specify the style field for changing the textStyle it happens nothing and the textStyle is not changing.
its working for setting the more and less textStyle but not for the text itself.

[maRci002]

Can you provide a minimal code please?

I just run the example code changed the color and pressed hot reload (which equals to setState call) and it worked

[FaisalMohammadi]

yes i tryed and its not working. So i just experimented some stuff right now.
As you see when i have the style like this, getting it from Theme style: Theme.of(context).textTheme.titleSmall?.copyWith(color:Colors.amber),

its not working, but if i do it like this not getting it from Theme its actually working style: TextStyle(color: Colors.amber),

but in otherhand specifying the moreStyle and lessStyle as you see its working.

i am wodering why is it not the case with style field as well?

      text,
      trimMode: TrimMode.Line,
      trimLines: 2,
      trimCollapsedText: 'mehr',
      trimExpandedText: ' wenig',
      style: Theme.of(context).textTheme.titleSmall?.copyWith(color:Colors.amber),
      moreStyle: Theme.of(context)
          .textTheme
          .titleSmall
          ?.copyWith(fontWeight: FontWeight.bold),
      lessStyle: Theme.of(context)
          .textTheme
          .titleSmall
          ?.copyWith(fontWeight: FontWeight.bold),
    );```

[maRci002]

Here is a minimal code, and it seems everything is working as intended:

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

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

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: DemoApp(),
    );
  }
}

class DemoApp extends StatefulWidget {
  const DemoApp({super.key});

  @override
  State<DemoApp> createState() => _DemoAppState();
}

class _DemoAppState extends State<DemoApp> {
  bool isAmber = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      floatingActionButton: ElevatedButton(
        onPressed: () => setState(() => isAmber = !isAmber),
        child: const Text('Change style'),
      ),
      body: ReadMoreText(
        'Flutter is Google’s mobile UI open source framework to build high-quality native (super fast) interfaces for iOS and Android apps with the unified codebase.',
        trimMode: TrimMode.Line,
        trimLines: 2,
        colorClickableText: Colors.pink,
        trimCollapsedText: 'Show more',
        trimExpandedText: 'Show less',
        moreStyle: const TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
        style: isAmber ? Theme.of(context).textTheme.titleSmall?.copyWith(color: Colors.amber) : const TextStyle(color: Colors.yellow),
      ),
    );
  }
}

[FaisalMohammadi]

yes for the style it works when i secify it as TextStyle() directly, but not like this Theme.of(context).textTheme.titleSmall?.copyWith(color: Colors.amber) copying the textStyle from Theme

[Rajkumar07793]

+1

[omar-khaium]

yes for the style it works when i secify it as TextStyle() directly, but not like this Theme.of(context).textTheme.titleSmall?.copyWith(color: Colors.amber) copying the textStyle from Theme

ReadMoreText(
    review.description ?? "",
    style: TextStyles.body(context: context, color: theme.textSecondary).copyWith(inherit: true),

Just add the inherit property as true. Worked for me.

[maRci002]

yes for the style it works when i secify it as TextStyle() directly, but not like this Theme.of(context).textTheme.titleSmall?.copyWith(color: Colors.amber) copying the textStyle from Theme

Provide a minimal working code