Anyone built a Chat app with React Native lately?

This page summarizes the projects mentioned and recommended in the original post on /r/reactnative

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • react-native

    A framework for building native applications using React

    How did you solve the issue of seeing the chat history? In the normal FlatList if you prepend items to the top of the list the scroll position flies all the way to the top, terrible UX. I had to dig around and try to fix this for an entire week. Tried inverting the FlatList which made it drop to 10 fps on my Android device, and inverting with styling caused weird empty spaces to form. Finally ended up with this small library which is mostly acceptable.

  • flat-list-mvcp

    "maintainVisibleContentPosition" prop support for Android react-native

    How did you solve the issue of seeing the chat history? In the normal FlatList if you prepend items to the top of the list the scroll position flies all the way to the top, terrible UX. I had to dig around and try to fix this for an entire week. Tried inverting the FlatList which made it drop to 10 fps on my Android device, and inverting with styling caused weird empty spaces to form. Finally ended up with this small library which is mostly acceptable.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • databag

    fast & lightweight self-hosted messenger

    The referenced code is here: https://github.com/balzack/databag/blob/main/app/mobile/src/session/conversation/Conversation.jsx

  • react-native-gifted-chat

    💬 The most complete chat UI for React Native

    I used https://github.com/FaridSafi/react-native-gifted-chat. Not perfect but way faster than me doing it from scratch. Had a hell of a time getting it to play nice on a bottom sheet though, and still feel like I had to hack in getting the keyboard to show up right.

  • flash-list

    A better list for React Native

    Has the same problem as FlatList it seems

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts