The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
š” š§š¶š½ š¼š³ ššµš² šš®š ā š„š²š®š°š š”š®šš¶šš²
šš¶š± šš¼š šøš»š¼š?
In React Native, "KeyboardAvoidingView" šÆš²šµš®šš²š š±š¶š³š³š²šæš²š»šš¹š š¼š» š¶š¢š¦ š®š»š± šš»š±šæš¼š¶š±.
š§ šš²š š¶š»šš¶š“šµš:
- On š¶š¢š¦, it works best with behavior="padding"
- On šš»š±šæš¼š¶š±, behavior="height" is often more reliable
ā ļø Without setting "behavior", you may see inconsistent layout shifts when the keyboard appears.
Small config. Big UX improvement.
#MobileDevelopment #AppDevelopment #FullstackDeveloper
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
I've been building MonoApp a full-featured personal finance app in React Native, and it's getting close to something I'm really proud of.
Here's what's packed inside so far:
š° Income, expense & transfer tracking with real-time balance
š Advanced statistics with charts, forecasts & smart insights
š¬ Split expenses with friends via built-in chat
š
Cash flow calendar, recurring transactions & bill reminders
š¦ Investment & crypto portfolio with live prices from CoinGecko & Yahoo Finance
šÆ Savings goals, debt tracker, net worth tracking
š App lock with PIN & biometrics
š Multi-currency wallet with live exchange rates
š§¾ Receipt scanner, custom reports & CSV export
š Streaks, badges & financial health scoring
š Dark mode, onboarding flow & paywall
Built with React Native, Firebase, and Redux Toolkit
This isn't a tutorial project. It's 90+ screens and components, real Firestore backend, push notifications, the works.
Putting it out for closed testing soon. If you're into fintech, React Native, or just want to track your money better drop a "Get Access" and I'll add you to the early access link.
#reactnative #fintech #mobileapp #buildinpublic #firebase #personalfinance #monoapp #react #reactdeveloper #reactnativedeveloper
Mobile DesignMobile DevelopmentReduxReactreactnativereactnativedeveloperReact Native DevelopmentReact Native
great work
š” š§š¶š½ š¼š³ ššµš² šš®š ā š„š²š®š°š
šš¶š± šš¼š šøš»š¼š?
Keys in React are š»š¼š š·ššš š³š¼šæ šæš²šŗš¼šš¶š»š“ šš®šæš»š¶š»š“š ā they control how React š¶š±š²š»šš¶š³š¶š²š š®š»š± šæš²ššš²š š²š¹š²šŗš²š»šš.
Using unstable keys (like array indexes in dynamic lists) can cause:
- Broken animations
- Lost input focus
- Incorrect component state
š§ šš²šš š½šæš®š°šš¶š°š²:
Always use ššš®šÆš¹š², šš»š¶š¾šš² ššš from your data whenever possible.
Good keys = predictable UI behavior.
#FrontendDevelopment #JavaScript #WebDevelopment #FullstackDeveloper
Had fun building this counter with React.js. Looking forward to posting more explorations here.
Trending
Notion
Notion isnāt just where you work, itās starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?