flutter_html is not parsing some characters in flutter

2022-05-04 09:49 Shreyansh Sharma imported from Stackoverflow

I am using flutter_html package in my app, to parse the html code from my API. But, I am facing a problem that it is not able to parse some characters like arrows and it is not styling the default numbers which are coming from list tag in html code. Is there any solution/alternative for this?

/*: Html(
     data: "<body><div>"+widget.dataList[widget.index].description!+"</div></body>",
     style: {
        //'p': Style(color: secondaryTextColor),
        'body': Style(
            color: secondaryTextColor,
            textDecorationColor: secondaryTextColor,
            fontSize: FontSize(bodyText2Size - 1),
         ),
      },
),*/

1 answer

answered 2022-05-04 09:57 Anandh Krishnan

Use this package

html: ^0.15.0

you can use:

import 'package:html/dom.dart';
import 'package:html/dom_parsing.dart';
import 'package:html/parser.dart';

import 'package:html/parser.dart' show parse;
import 'package:html/dom.dart';

main() {
  var document = parse(
      '<body>Hello world! <a href="www.html5rocks.com">HTML5 rocks!');
  print(document.outerHtml);
}

See also questions close to this topic

how to change prettier format for react native

my code formatting prettier didn't works well for react native, i don't understand where to config it but it works well with flutter

from this code

      import { View, Text } from 'react-native'
    
    import React from 'react'
    
    export default function App() {
      return (
        <View>
    
    <Text>Apps</Text>   
</View>
      )
    }

it's formatted to this

import {
  View,
  Text
} from 'react-native'

import React from 'react'

export default function App() {
  return ( <
    View >

    <
    Text > Apps < /Text>


    <
    /View>
  )
}

How to group firebase data in flutter with DateTime?

I am making a chat application in flutter using firebase. I want to show a header with the date whenever the date changes. How can I group messages in flutter coming from firebase on the basis of date and show a header with the changed date?

I have tried GroupedListView package but I was not able to retrieve the chatmessages successfully.
Can you make complete apps using Flutter & Dart or just the UI part of an app?

I'm confused about what Flutter framework actually does, I know that it uses Dart and have heard that both of them can be used to create cross-platform apps.

But Wikipedia defines Flutter as a "UI Framework", so my question is, can you make a complete app (for mobile) which also has backend part (communicates with a database) built entirely using Flutter & Dart and not only the UI part?

If you didn't get my question, here is an example:

Suppose a front-end web developer works on client side programming in his job, and the backend logic is written by another backend developer.

When it comes to mobile app development, suppose as a Flutter developer, your job is to create apps, but does that mean that as a Flutter developer, you'll only write the front-end logic and leave the backend part for another backend developer like in web world? Can Flutter developers also write the backend of an app using only Flutter & Dart? If not, then who writes the backend of a mobile app and what tools/languages/frameworks does he uses?

dart modulo operator circular list

I want to use the modulo (%) operator in order to access to list items in a circular way. But the code below doesn't work:

void main() {
  List<String> myList = ['one', 'two', 'three', 'four'];
  int currIdx = 0;
  
  for (int i = 0;i < 10;i++) {
    print(myList[currIdx]);
    currIdx = currIdx++ % myList.length;
  }
}

Related questions

flutter_html is not parsing some characters in flutter

1 answer

See also questions close to this topic