Check out example codes for "ionic stop fab from opening when clicking on fab". It will help you in understanding the concepts better.

Code Example 1

//Set the active of to true then the fab will toggle it back to false

aFab._listsActive = true;

Code Example 2

  <button ion-fab [disabled]="!isValidInput()" (click)="add()">
    <ion-icon name="checkmark"></ion-icon>

Learn ReactJs, React Native from