How to Loop through a list of elements

Different ways to Loop through a List of elements

1 classic For

for (var i = 0; i < li.length; i++) {
  // TO DO
  var currentElement = li[i];
}

2 Enhanced For loop

for(final e in li){
  //
  var currentElement = e;
}

Notice the keyword final. It means single-assignment, a final variable's value cannot be changed.

3 while loop

var i = 0;
while(i < li.length){
  var currentElement = li[i];
  i++;
}

For the while loop, you will use var to reassign the variable value.

Try this code to loop through a list:

List li=["-","\\","|","/"];
for (var i=0; i<li.length; i++) {
    print(li[i]);
}

As to the animation:

HTML

    <p id="test">
    test
    </p>

Dart

  import 'dart:html';
  import 'dart:async';

  main() async {
  List li = ["-", "\\", "|", "/"];
    for (var i = 0; i < 400000000; i++) {
      querySelector('#test').text = li[i % 4];
      (await new Future.delayed(const Duration(seconds: 1)));
    }
  }