Tangram-iOS - Tangram is a modular UI solution for building native page dynamically , including Tangram for Android, Tangram for iOS and even backend CMS

  •        415

Tangram is a UI Framework for building a fast and dynamic ScrollView.Tips: If you get [!] Unable to find a specification for `LazyScroll` when executed pod install, you can try to update ruby to 2.3.0 or higher and update CocoaPods to 1.0.0 or higher . If it doesn't work , you can try to reset or update CocoaPods master repo again .

https://github.com/alibaba/Tangram-iOS/blob/master/README.md
https://github.com/alibaba/Tangram-iOS

Tags
Implementation
License
Platform

   




Related Projects

Tangram-Android - Tangram is a modular UI solution for building native page dynamically including Tangram for Android, Tangram for iOS and even backend CMS

  •    Java

Tangram is a modular UI solution for building native page dynamically including Tangram for Android, Tangram for iOS and even backend CMS. This project provides the sdk on Android which is based on vlayout and UltraViewPager.See details at Tutorial.

LazyScrollView - An iOS ScrollView to resolve the problem of reusability in views.

  •    Objective-C

依赖LazyScrollView, 我们创建了一个模块化页面UI解决方案,详情可见 https://github.com/alibaba/tangram-ios.LazyScrollView is an iOS ScrollView , to resolve the problem of reusability of views.

react-native-parallax-swiper - Paged Parallax Swiper with Effects

  •    Javascript

Configurable parallax swiper based on an iOS pattern. This component is inspired by an iOS pattern that no react-native-parallax-whatever previously delivered. It emulates this pattern by using the ScrollView component which has features like velocity, paging, and platform specific easing curves; It also has optional dividers to split up each page. You can see this pattern in apps like iOS Camera Roll, Twitter Moments, Kylie Jenner’s app, Vevo’s app, and more.

NativeBase - Essential cross-platform UI components for React Native

  •    Javascript

NativeBase is a sleek, ingenious and dynamic front-end framework created by passionate React Loving team at Geekyants.com to build cross platform Android & iOS mobile apps using ready to use generic components of React Native. What is really great with NativeBase is that you can use shared UI cross-platform components, which will drastically increase your productivity. When using NativeBase, you can use any native third-party libraries out of the box.


react-native-shop-ui - A react native clothes shopping app UI.

  •    Javascript

A creative and modern clothes shopping app design for react-native using the native-base UI components. It works well with both IOS and Android. Updating the codebase will require changes to the .js files in the src/ folder. Individual pages can be edited by editing the .js files in src/page/. Re-usable components can be edited by editing the .js files in src/component/.

react-native-ultimate-listview - A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row

  •    Javascript

This module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

react-native-snap-carousel - Swiper/carousel component for React Native with previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support

  •    Javascript

Swiper component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support. Compatible with Android & iOS. This app is available on Android and iOS. It uses version 3.2.0 of the plugin, with FlatList's implementation and parallax images.

react-native-facebook-ui - Pure javascript UI prototype of iOS Facebook for React Native framework.

  •    Javascript

Pure javascript prototype of iOS Facebook UI for React Native framework. This only includes the newsfeed page--more to be updated in the future! This application may not run correctly on Android. Feel free to submit a pull reqeust for the fixed styling for Android version. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

react-native-spotify-ui - Pure javascript UI prototype of iOS Spotify for React Native framework.

  •    Javascript

Pure javascript prototype of iOS Facebook UI for React Native framework. This demo only includes the landing page. I will add more views in the future. Regarding the buttons in the PanResponder not working: I believe this is because you have onStartShouldSetPanResponderCapture returning true. I believe this is causing it to capture all touches on the View. Instead you should just have onStartShouldSetPanResponder return true, which will respect PanResponder's touch bubbling algorithm. The PR is pretty good at handling these conflicts in a predictable way most of the time.

react-native-parallax-scroll-view - A ScrollView-like component with parallax and sticky header support

  •    Javascript

Note: For React Native 0.19.0 and earlier, you'll want to use react-native-parallax-scroll-view@0.17.4. Version 0.18.0 changes the scrolling API to be compatible with React Native 0.20.0. Please refer to the ListView example provided to see how ParallaxScrollView can be used in combination with ListView.

react-native-keyboard-aware-scroll-view - A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput

  •    Javascript

A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput. You can use the KeyboardAwareScrollView, the KeyboardAwareListView, KeyboardAwareSectionList or the KeyboardAwareFlatList components. They accept ScrollView, ListView, SectionList and FlatList default props respectively and implement a custom high order componente called KeyboardAwareHOC to handle keyboard appearance. The high order component is also available if you want to use it in any other component.

react-native-image-picker - A React Native module that allows you to use native UI to select media from the device library or directly from the camera

  •    Java

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. IMPORTANT NOTE: You'll still need to perform step 4 for iOS and steps 2 and 5 for Android of the manual instructions below.

turbolinks-ios - Native iOS adapter for building hybrid apps with Turbolinks 5

  •    Swift

Build high-fidelity hybrid apps with native navigation and a single shared web view. Turbolinks for iOS provides the tooling to wrap your Turbolinks 5-enabled web app in a native iOS shell. It manages a single WKWebView instance across multiple view controllers, giving you native navigation UI with all the client-side performance benefits of Turbolinks. Turbolinks for iOS is written in Swift 4.0 and requires Xcode 9. It should also work with Swift 3.2 as well. It currently supports iOS 8 or higher, but we'll most likely drop iOS 8 support soon.

react-native-image-header-scroll-view - ScrollView with an image in header which becomes a navbar

  •    Javascript

You can find examples in a dedicated repository. All of the properties of ScrollView are supported. Please refer to the ScrollView documentation for more detail.

react-native-pathjs-charts - Android and iOS charts based on react-native-svg and paths-js

  •    Javascript

This library is a cross-platform (iOS/Android) library of charts/graphs using react-native-svg and paths-js based on the excellent work done by Roman Samec in the react-pathjs-chart library. The project is an early attempt at providing a ubiquitous solution for charts & graphs for React Native that offer a unified view across devices. Components include Pie charts, Bar charts, Smoothline charts, Stockline charts, Scatterplots, Tree graphs and Radar graphs. Since Paths-Js makes no assumptions about rendering, this library is perfect for using SVG path objects to render custom charts easily.

ui - Customizable set of components for React Native applications

  •    Javascript

Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our components are built to be both composable and customizable. Each component has a predefined style that is compatible with the rest of the Shoutem UI, which makes it possible to build complex components that look great without the need to manually define complex styles. All the documentation is available on the Developer portal.