React Native

/reactnative129

Building apps with React Native. Get started rn.new

7811
Ashoat
@ashoat.eth·
getting Viem to work in React Native 0.70 was a pain

needed 4 Babel changes: https://phab.comm.dev/D13702
/React Native
342680
Nate
@natedev.eth·
enjoying my coffee while catching up on the latest React Native drama

https://youtu.be/lm3QqNrq1CQ?si=LkCWFwWdyrkhJgxu
/React Native
16098
Jorge Pablo Franetovic 🎩
@jpfraneto.eth·
the tutorial:

do you have any resources that have helped you learn RN? share them below 👇🏼

https://www.youtube.com/live/CRIMOPhiWG8?si=a77ej91amuoOTn2b
/React Native
302
Goksu Toprak
@gt·
Warpcast mobile app package.json (simplified) as of October 2024:

`@coinbase/wallet-mobile-sdk`
`@expo/*`
`@gorhom/bottom-sheet`
`@mattermost/react-native-paste-input`
`@react-native-async-storage/async-storage`
`@react-native-camera-roll/camera-roll`
`@react-native-community/slider`
`@react-native-menu/menu`
`@react-navigation/*`
`@shopify/flash-list`
`@tanstack/react-query/*`
`react-native-iap`
`react-native-keyboard-controller`
`react-native-mmkv`
`react-native-svg`
`react-native-tailwindcss`
`rn-emoji-keyboard`
`viem`
`wagmi`
/React Native
350
steph 🧾
@steph·
@pugson mentioned a revolutionary way of handling gradients in RN a few months back and I'm now struggling to find that cast..

anyone know what im talking about or have a halfway decent way of rendering gradients that wont make @dnld and me fully lose our minds?
/React Native
203666
Leovido 🎩Ⓜ️🌱
@leovido.eth·
Things I'm going to miss moving to React Native and away from iOS, Xcode and SwiftUI.

Left side is native iOS, right side is React Native:

- Xcode tests - Jest
- Thread sanitiser, address sanitiser, main thread checker / Can still possibly use Xcode for this? Possibly Flipper too
- Xcode Instruments / Same as above
- Swift Package Manager (SPM) - `npm or pnpm`
- Animation APIs - RN package
- Native iOS APIs, such as Apple Health, Apple Wallet, etc. - Bridging

Another option is to use React Native to only deploy Android and keep the other iOS codebase.
/React Native
3346
Haole
@haole·
I hadn't used the Expo Router before because its API was not stable at the beginning.

However, after experimenting with it recently, I found I can easily turn my app into a website. The downside is no server side rendering yet, the client bundle will be quite large.
/React Native
203666
Leovido 🎩Ⓜ️🌱
@leovido.eth·
Anyone here tried React Native Nitro?

Benchmarks look pretty promising vs. Expo


https://mrousavy.github.io/nitro
/React Native
20258
Nastya
@nastya·
Linear released a mobile app and mentioned in release and on their landing page that it is fully native. Does anyone care about this nowadays?

https://x.com/linear/status/1836808450174755175
/React Native
3559
Josh Breite
@joshbreite.eth·
Updated the React Native Family drawer. Open sourced it with the link below.
/React Native
3559
Josh Breite
@joshbreite.eth·
First draft of the Family drawer in React Native. More touch ups and styling to go.

Almost exclusively done with layout animations from Reanimated.
/React Native
16085
Samuel
@samuellhuber.eth·
Is there even a service provider one where the user can just Apple Pay and doesn’t have to KYC?
/React Native
16085
Samuel
@samuellhuber.eth·
Merge a PR for a multi line graph into react-native-graph and get 250 USDC

before you start work please provide references and make sure you have read the Github Issue and Library involved.

Bounty will only be paid out on merged PR into the margelo/react-native-graph repo that also includes a working example that looks like the image attached.

https://github.com/margelo/react-native-graph/issues/22

@bountybot Deadline 10 days
/React Native
253127
bleu.eth
@bleu.eth·
what are the best resources to learn expo ?
/React Native
302
Goksu Toprak
@gt·
On `@gorhom/bottom-sheet` dynamic sizing:

Warpcast bottom sheets use this package and we have had issues with dynamic sizing for a while. It manifests itself when there is a single wrapper container view with flex properties enabled.

Two workarounds from the community seems to be either disabling the flex sizing or swapping it with the scroll view and disabling the scroll with a prop on it.

Curious to hear if others have tricks they use to always make sure sheets are dynamically sized but also does not require actual height props.

https://github.com/gorhom/react-native-bottom-sheet/issues/1573

Happy Friday!
/React Native