Hire our Elite Flutter Developers

Q: There is a text-overflow on some narrow devices. How would you fix this?

	
class MyWidget extends StatelessWidget {
  final personNextToMe = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt ornare massa, eu dapibus lectus. Morbi quis nisi quis velit imperdiet iaculis.';
  @override
  Widget build(BuildContext context) {
    return Row(children: [
      Text(personNextToMe),
    ]);
  }
}

Answer:

When a Row’s child is wrapped in an Expanded widget, the Row won’t let this child define its own width anymore.

Instead, it defines the Expanded width according to the other children, and only then the Expanded widget forces the original child to have the Expanded width.

In other words, once you use Expanded, the original child’s width becomes irrelevant and is ignored.

	
Row(
  children: <Widget>[
    Expanded(
      child: Text(
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt ornare massa, eu dapibus lectus. Morbi quis nisi quis velit imperdiet iaculis.',
      ),
    )
  ],
),

https://flutter.dev/docs/development/ui/layout/constraints

Q: What are extensions, and how do we create one?

Answer:

Extension methods make it possible to add new functionalities to any type, even those from the foundation.

They were introduced in Dart 2.7 and are already available to use in Flutter as well.

	
extension NumberParsing on String {
    int parseInt() {
        return int.parse(this);
    }
}

var v = '2';
print(v.parseInt()); // Output: 2

Q: What is a ‘Future’ in Dart?

Answer:

A future represents the result of an asynchronous operation, and can have two states: uncompleted or completed.

A future of type Future<T> completes with a value of type T. For example, a future with type Future<String> produces a string value.

If the asynchronous operation performed by the function fails for any reason, the future completes with an error.

	
Future<void> fetchUserOrder() {
  // Imagine that this function is fetching user info from another service or database.
  return Future.delayed(Duration(seconds: 2), () => print('Large Latte'));
}

void main() {
  fetchUserOrder();
  print('Fetching user order...');
}

Q: What widget is typically used to provide safe area support?

Answer:

SafeAreaWidget

Q: What is null-safety introduced in Flutter 2.0?

Answer:

‍When you opt into null safety, types in your code are non-nullable by default, meaning that variables can’t contain null unless you say they can. With null safety, your runtime null-dereference errors turn into edit-time analysis errors.

Q: What are the available web renderers we can currently use?
‍

Answer:

‍When running and building apps for the web, you can choose between two different renderers. The two renderers are: HTML renderer. Uses a combination of HTML elements, CSS, Canvas elements, and SVG elements. This renderer has a smaller download size.CanvasKit renderer. This renderer is fully consistent with Flutter mobile and desktop, has faster performance with higher widget density, but adds about 2MB in download size.

Q: Which method is used to cancel the animations and unsubscribe stream?

Answer:

	
dispose()

Note: The dispose method is called when the State object is removed, which is permanent.