Mobile: Build Reusable Custom Button Component

[Yunusabdul38]

• Difficulty Tag: Easy
• Module: Components
• Task Description:
  Create a reusable button component matching the design elements of the Agora web platform.
  1. Create components/ui/Button.tsx.
  2. The button must support:
     • title: string text.
     • onPress: callback function.
     • variant: filled, outlined, or text-only.
     • isLoading: shows a loading spinner overlay instead of text.
     • disabled: opacity reduction and interaction blockage.
     • shadow: boolean to enable the signature hard offset shadow.
• Acceptance Criteria:
  • The button renders correctly with proper typography and alignment.
  • Press interactions apply a subtle scale animation.

---

[nurudeenheroic]

Hi! I'd love to work on this. I'm confident I can deliver a clean solution.

[Joyful12-tech]

Hello Maintainer,

I'd like to work on this issue. I'll build the reusable Button component with the required variants, states, and animations, and submit a clean PR within 2 days.

Thank you!

[grantfox-oss]

🦊 GrantFox — @nurudeenheroic has been assigned to this issue as part of the Third Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #1013)
2. Your PR will be reviewed by the Agora-Events maintainers

Good luck! Track your progress on GrantFox.