contactlist | java api to retrieve contact list | Email library

Try to use the CoordinatorLayout:

Looking at the screenshot of your firestore DB, contacts is not a sub-collection. But you are trying to read it as a sub collection. Contacts is either a List or Map.

Looks like you can just create a new PersonalContact/BusinessContact object inside your addContact(), initialized with the data you just got from the user, and add that to the end of the ArrayList using the add() method.

For BusinessContact, the job title and organization fields are missing from the constructor parameter list, so you will need to add those.

For PersonalContact, you've chosen to store the phoneNumber and dateOfBirth fields as integers, so you'll need to use the appropriate Scanner methods to get that data and cast it appropriately.

Perhaps you should also indicate to the addContact method whether the contact will be a BusinessContact or a PersonalContact so you know what type of object to construct at the end:

contactLists.add(new BusinessContact(fName, lName, address, phoneNumber, email, jobTitle, organization);

https://docs.oracle.com/en/java/javase/17/docs/api/java.base/java/util/ArrayList.html#add(E)

The documentation is pretty clear about that exception:

Throws a System.ArgumentException: 'Value does not fall within the expected range.' when the contact passed as parameter has a RemoteID set which is identical to a contacts RemoteID already saved on this device.

In short, check the RemoteID you're passing.

If I correctly understand, you want to call a method from the contract. I do that with web3dart and http package. Also, you need to do these jobs:

1. First, you need an abi file. in your case, put your Counter.json file in the lib directory and rename that to counter.abi.json.
2. As web3dart#dart-code-generator said, You must add build_runner in dev_dependency and run pub run build_runner build in the terminal.
3. Then, You'll now find a .g.dart file containing code to interact with the contract and you must use that class.

Then, initialize these codes:

Well you can, but one problem you are having here is, you are putting a Horizontal ListView inside a row and when it tries to paint the layout, due to the scrollable nature of the ListView, it will paint a boundless horizontal view.

You can wrap your StreamBuilder with Expanded widget and it should fix the issue by allocating only the available space to your widget.

(Updated)

The problem was the import {uuid} from 'uuidv4';. The right way to import this is doing:

The React router docs has recently been updated! Meaning syntax has changed. Take a look at this answer here.