Question 1

How do I change the primary color in First-born?

Accepted Answer

First-born uses a fixed color palette defined in utils; to change it, you need to override the color props in each component individually, as there's no built-in theme provider or global configuration.

Question 2

First-born vs React Native Elements: which should I use?

Accepted Answer

First-born offers platform-specific styling out of the box for native consistency, while React Native Elements is more customizable and has a larger community. Choose First-born for rapid prototyping with native looks, but React Native Elements for greater flexibility and active development.

Question 3

How to add custom icons to the Icon component?

Accepted Answer

First-born uses react-native-vector-icons, so you can use any icon from supported sets by specifying the name and type prop. For custom icons, follow the vector icons installation guide linked in the README to integrate custom icon fonts.

Question 4

Does First-born support dark mode?

Accepted Answer

The README doesn't mention dark mode support; you would need to implement it manually by toggling styles based on theme, as the library doesn't provide built-in theme switching or dynamic color schemes.

Question 5

How to handle form submission with validation in First-born?

Accepted Answer

Use the Form organism with a formElements array; each element can have an isValid function for validation. Errors are displayed automatically via errorMessage props, but form state management must be handled externally.

Question 6

Is First-born compatible with Expo?

Accepted Answer

Since it requires react-native-vector-icons, which may need native linking, it might not work seamlessly with Expo's managed workflow without ejecting or using custom configurations like expo-vector-icons.

first-born

What is first-born?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions