react-native-svg
restyle
Our great sponsors
react-native-svg | restyle | |
---|---|---|
19 | 11 | |
7,226 | 2,781 | |
1.1% | 2.2% | |
8.1 | 7.3 | |
6 days ago | 7 days ago | |
Java | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-svg
-
Build an Android & iOS Video Calling App With React Native
React Native SVG: An open-source SVG library.
-
Revolutionizing Data with React Native ECharts 1.1: Now More Interactive!
@wuba/react-native-echarts, An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions. If you want to learn more about the project's design principles, you can click here.
-
This could be done in react native ? these are buttons that the user can press, and we must show his progress by taking into account his progress in the test, if the button is lit it means that he has passed this stage
Second solution could be: a view that contains the image and the label, and draw a line with react-native-svg line function. See documentation https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md
-
Need help implementing this design
Hi, I think this can help you: https://github.com/software-mansion/react-native-svg Is a little bit complicated, but you can create this chart with nice performance :)
- "react-native bundle" throws error but "yarn react-native bundle" not. Need info to generate a release apk
- How to use Icons
-
How to render HTML source that has SVG tag in react native?
perhaps you need to install https://github.com/software-mansion/react-native-svg
-
How to achieve backgrounds like these?
I never start from zero when it comes to svg, usually at work I used the one designers provide in figma and I manipulate it in case animations are needed. Fortunately https://github.com/software-mansion/react-native-svg has a declarative way to work with svg in conjunction to SVGR you can manipulate existing svgs.
- HELP! Unable to use chart/graph libraries in Expo due to react-native-svg issue (RNSVGSvgView)
-
[QUESTION] svg blinks on `navigation.navigate(...)`
but disappear before screen change. related
restyle
-
Rebuilt my React Native app with Shopify’s Restyle and Expo 48
I’ve just rebuilt my React Native app template with shopify restyle and Expo 48.
- Best advanced sources for RN
-
Nativewind for a new project?
I use Restyle https://shopify.github.io/restyle/ since I discovered it, my code is so much cleaner. I have tried NativeBase before, it was really good but it has a very bad performance.
- Which library i can use for theme in react native
-
Style libraries for RN
Restyle is my personal favorite. It’s strongly inspired by the amazing, albeit a bit outdated, styled-system for web, but is fully type-safe and has amazing customization options.
-
Styling RN apps
I personally prefer Restyle
- does making custom themes have a difference ?
-
📱 A template for your next React Native project 🚀
💅 Minimal UI kit using @shopify/restyle with theming
-
Hello native developers what is the best way to design responsive layout ( spacing, height,width, font size) in react native
If you are building out your own custom components use restyle https://github.com/Shopify/restyle
-
What I Learned as a Web Dev on My First React Native Project
Forget CSS pseudo-elements and selectors; in React Native, we inline the styles. The recommended approach is to use a StyleSheet object, but I enjoy using Styled Components in a similar way as on the web. If you are a fan of styled systems, Restyle from Shopify is gaining popularity.
What are some alternatives?
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
lottie-react-native - Lottie wrapper for React Native.
react-native-reanimated - React Native's Animated library reimplemented
react-native-bootsplash - 🚀 Show a splash screen during app startup. Hide it when you are ready.
react-navigation - Routing and navigation for your React Native apps
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
react-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀
react-native-template-obytes - 📱 A template for your next React Native project: Expo, PNPM, TypeScript, TailwindCSS, Husky, EAS, GitHub Actions, Env Vars, expo-router, react-query, react-hook-form.
async-storage - An asynchronous, persistent, key-value storage system for React Native.