Bunu Paylaş
otamam

Web Programlama

Sermayen bir yumurta ise taşa çal.
Sermayen işe yaramayacak kadar küçükse o işten hemen vazgeçmelisin.
Hem katıldığım hem katılmadığım bir söz.

Journal
Hadi başlayalım
Aşağıya Kaydır
Ana Sayfa Geri Dön
//Journal

Use Google Admob in combination with Expo to monetise your React Native app

Etiket :

Use Google Admob in combination with Expo to monetise your React Native app

expo-google-admob Use Google Admob in combination with Expo to monetise your app Check the demo on Expo Clone the repo $ git clone git@github.com:deadcoder0904/expo-google-admob.git Install the dependencies $ yarn Run the app $ yarn start License MIT © Akshay Kadam...

React Native module for playing sound clips

Etiket :

React Native module for playing sound clips

react-native-sound React Native module for playing sound clips on iOS, Android, and Windows. ‘NOTE: React-native-sound does not support streaming’. See #353 for more info. Of course, we would welcome a PR if someone wants to take this on. Feature matrix FeatureiOSAndroidWindowsLoad sound from the app bundle✓✓✓Load sound from other directories✓✓✓Load sound from the network✓✓Play sound✓✓✓Playback completion callback✓✓✓Pause✓✓✓Resume✓✓...

React Native circular action menu

Etiket :

React Native circular action menu

react-native-circular-action-menu Path-esque circular action menu inspired by CircularFloatingActionMenu. Installation npm i react-native-circular-action-menu --save Usage First, require it from your app’s JavaScript files with: import ActionButton from 'react-native-circular-action-menu'; ActionButton ActionButton component is the main component which wraps everything and provides a couple of props (see Config below). ActionButton.Item ActionBut...

A React Native wrapper for Safari View Controller

Etiket :

A React Native wrapper for Safari View Controller

React Native Safari View React Native Safari View is a Safari View Controller wrapper for React Native. Documentation InstallUsageExampleMethodsEventsLicense Install npm i --save react-native-safari-view Support Due to the rapid changes being made in the React Native ecosystem, we are not officially going to support this module on anything but the latest version of React Native. The current supported version is indicated on the React Native...

An component for React Native

Etiket :

An component for React Native

react-native-asciimage Provides an <ASCIImage /> component for React Native, powered by the excellent ASCIImage by @cparnot. It allows you to generate and insert images into your react-native app using ASCII art to describe the images (useful for small icons in UI elements). Only iOS is currently supported. Installation Run npm install react-native-asciimage --saveOpen your project in XCode, right click on Libraries and click Add Files to...

Native appearing forms with React Native

Etiket :

Native appearing forms with React Native

React Native Forms Project status I wrote this library two years ago for a use-case at work, when React Native was still quite young, comparatively. I open sourced it in the general spirit of sharing code that had been useful to me, but with the vicissitudes of life being what they are, I didn’t have the opportunity to keep it up to date, and it’s become very antiquated. If you want to use it, go for it! But because I no longer use React Native at work, I don’t ha...

React native app to generate random recipes for your week

Etiket :

React native app to generate random recipes for your week

Cookbook This is a mobile application that I’m currently developing to help people generating random recipes for their week. Made with ❤️ in Montréal! Stack Client React nativeFirebaseAxiosLottieReduxSagaNative-Base Server NodeJSExpressJSFirebase-adminMongoDBNodemon License MIT license, Copyright (c) 2019 Eric Blanc....

A collection of common UI components for React Native mobile apps

Etiket :

A collection of common UI components for React Native mobile apps

React Native Toolkit Stay tuned! Feel adventurous? Check out examples and get started! ???? Navigation bar Custom navigation bar style per scene, including text color, background color, bottom border, shadow and etcCustom title, left, right and back components of the navigation bar per scene”Crossfade effect on the navigation bar during scene transitionAdjustable status bar style to match with the navigation bar style // NavigationBar prop types { barStyle: React.Pro...

React Native Grid list component implemented with FlatList

Etiket :

React Native Grid list component implemented with FlatList

???? Grid list component Installation yarn add react-native-grid-list or npm install react-native-grid-list --save Example Expo Example Code import React, { PureComponent } from 'react'; import { View, StyleSheet, Image } from 'react-native'; import GridList from 'react-native-grid-list'; const items = [ { thumbnail: { uri: 'https://lorempixel.com/200/200/animals' } }, { thumbnail: { uri: 'https://lorempixel.com/200/200/city' } }, ...

iOS & Android react native module to play an audio stream

Etiket :

iOS & Android react native module to play an audio stream

react-native-audio-streaming THIS PROJECT IS NOT MAINTAINED react-native-audio-streaming is not maintained anymore. The main purpose was to play shoutcast streams with meta data and display a notification while playing. Please see other projects like jsierles/react-native-audio to play local audio and recordzmxv/react-native-sound to play local audio with more controls Features Background audio streaming of remote streamControl via sticky notification on android and m...

React Native Bridge for Native Spruce Animation Library

Etiket :

React Native Bridge for Native Spruce Animation Library

  ReactNative Spruce - (Android & iOS) If this project has helped you out, please support us with a star ???? Spruce is a lightweight animation library that helps choreograph the animations on the screen. With so many different animation libraries out there, developers need to make sure that each view is animating at the appropriate time. Spruce can help designers request complex multi-view animations and not have the developers cringe at the prototype. It provides a Rea...

A framework for building native Windows apps with React

Etiket :

A framework for building native Windows apps with React

React Native for Windows Build native Windows apps with React. React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about – learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native. This rep...

Mobile, desktop and website Apps with the same code in React Native

Etiket :

Mobile, desktop and website Apps with the same code in React Native

Mobile, desktop and website Apps with the same code This project shows how the source code can be architectured to run on multiple devices. As of now, it is able to run as: iOS & Android Apps (based on react-native)a Desktop App based on NW or based on Electrona Website App in any browser (based on react) A demo for the Website App is available here. Screenshots Mobile Apps (iOS & Android) Desktop Apps (NW & Electron) ...

Fully customizable Video Modal for React Native via Paraboly

Etiket :

Fully customizable Video Modal for React Native via Paraboly

Fully customizable, loading style implemented Video Modal for React Native via Paraboly. Video Modal Installation Add the dependency: npm i @paraboly/react-native-card Peer Dependencies IMPORTANT! You need install them. "react": ">= 16.x.x", "react-native": ">= 0.55.x", "react-native-video": ">= 4.4.1", "react-native-spinkit": ">= 1.3.0", "react-native-vector-icons": ">= 6.x.x", "react-native-material-ripple": ">= 0.8.0", "@paraboly/react-native-modal-box...

One React Native form component to rule them all

Etiket :

One React Native form component to rule them all

Gifted Form Form component for React Native. Example var { GiftedForm, GiftedFormManager } = require('react-native-gifted-form'); var FormComponent = createReactClass({ render() { return ( <GiftedForm formName='signupForm' // GiftedForm instances that use the same name will also share the same states openModal={(route) => { navigator.push(route); // The ModalWidget will be opened using this method. Tested with ExNavigator ...

React Virgin-The React Native UI Kit you’ve been looking for

Etiket :

React Virgin-The React Native UI Kit you’ve been looking for

React-Virgin The React-Native UI Kit you’ve been looking for Made with lots of ❤️ Trixie is a meditation app chatbot to suggest you meditations based on your mood and time of the day. What is React-Virgin? Boiler plate UI kit for your React-Native projects ⭐️Get started quicklyA beautiful React-Native UI kit What is inside React-Virgin? Basic Boilerplate including react-navigation ????Basic componentsHorizontal Li...

An unofficial NearbyLive app client for Android and iOS, built in React Native

Etiket :

An unofficial NearbyLive app client for Android and iOS, built in React Native

Basic Overview An iOS and Android client for http://wnmlive.com/ written in React Native with Redux. Screenshots Existing functionalities  Authentication Sign in ( Facebook, Email) Sign out Stream Recent, Following, Trending Filter by Location Post Watch Post & Unwatch View post detail and comments Report objectionable content Publish Post Upload images...

A React Native library to show images grid in chat messages like your favorite platforms

Etiket :

A React Native library to show images grid in chat messages like your favorite platforms

react-native-chat-images A React Native library to show images grid in chat messages like your favorite platforms! (WhatsApp, Messenger) React Native Chat Images  demo (expo) Install npm i -S react-native-chat-images OR yarn add react-native-chat-images Usage Props PropsTypeDefaultExampleimages *array of strings OR array of objectsrequiredSamplesextrastringundefined'03:30 AM'titlestringundefined'Title ...

A pull down to refresh control for React Native

Etiket :

A pull down to refresh control for React Native

react-native-drop-refresh A pull down to refresh control for react native. This is a fork version from Shuangzuan/RCTRefreshControl. Better npm maintainess,issues are welcomed. ####Update 2.2.0 Support react-native 0.40.0, change CMD to ES6 syntax. ####Update 2.1.0 Support react-native 0.20.0, solve module name collsion issue. Screen Shot Installation Run npm install react-native-drop-refresh --save in your project directory.Run react-native l...

An component for React Native

Etiket :

An component for React Native

react-native-asciimage Provides an <ASCIImage /> component for React Native, powered by the excellent ASCIImage by @cparnot. It allows you to generate and insert images into your react-native app using ASCII art to describe the images (useful for small icons in UI elements). Only iOS is currently supported. Installation Run npm install react-native-asciimage --saveOpen your project in XCode, right click on Libraries and click Add Files to...

An extensible input number spinner component for React Native

Etiket :

An extensible input number spinner component for React Native

React Native Input Spinner react-native-input-spinner Github: https://github.com/marcocesarato/react-native-input-spinner Author: Marco Cesarato Description An extendible input number spinner component for react-native. This component enhance a text input for entering numeric values, with increase and decrease buttons. Install npm npm install react-native-input-spinner --save Yarn yarn add react-native-input-spinner Usage // Require in...

A text-to-speech library for React Native

Etiket :

A text-to-speech library for React Native

React Native Speech React Native Speech is a text-to-speech library for React Native. Documentation InstallUsageExampleMethodsLicense Install npm i --save react-native-speech Usage Linking the Library In order to use Speech, you must first link the library your project. There’s excellent documentation on how to do this in the React Native Docs. Speaking an Utterance Once you’ve linked the library, you’ll want to make it availa...

Fully customizable and unique shape Gradient Header for React Native

Etiket :

Fully customizable and unique shape Gradient Header for React Native

Fully customizable and unique shape Gradient Header for React Native. Installation Add the dependency: React Native: npm i react-native-gradient-header Peer Dependencies IMPORTANT! You need install them. "react": ">= 16.x.x", "react-native": ">= 0.55.x", "react-native-fast-image": ">= 5.x.x", "react-native-iphone-x-helper": ">= 1.x.x", "react-native-linear-gradient": ">= 2.x.x", Basic Usage import GradientHeader from "react-nati...

React Native Signature Component based WebView Canvas for Android && IOS && expo

Etiket :

React Native Signature Component based WebView Canvas for Android && IOS && expo

react-native-signature-canvas React Native Signature Component based Canvas for Android && IOS && expo Supports Android and iOS and ExpoPure JavaScript implementation with no native dependenciesTested with RN 0.50Core use signature_pad.jsOnly depend on react and react nativeGenerates a base64 encoded png image of the signature Installation npm install --save react-native-signature-canvas Usage import Signature from 'react-native-signature-canvas'; Pr...

FM Form is a module for React Native to fast generate pages with a form

Etiket :

FM Form is a module for React Native to fast generate pages with a form

react-native-fm-form FM Form is a module for React Native to fast generate pages with a form. It works like Backbone forms. Using this module you can generate a page in 5 minutes! Currently only support iOS!!! I build this module because I am lazy… The original purpose of this project is for me to develop an app faster. I believe there are many bugs and design issue. If you are interesting in this project please help me improve it! generate a page like this in 5 mins: se...

React Native Reddit Reader

Etiket :

React Native Reddit Reader

Reddit reader for iOS, made with React-Native. ##Running Run npm install inside the folder, this will install react-native and other dependencies and will take some time.Open the project file at ios/ReactNativeRedditReader.xcodeproj Functionality Browse hot pageRead postsRead comments Features Infinite scrollNavigatorIOSWebViewNested comments Areas for Future Improvement / Involvement Android versionNavigate through subredditsUser authoriazati...

React Native mobile application for Buttercup

Etiket :

React Native mobile application for Buttercup

Buttercup Mobile The mobile application for the Buttercup Credentials Manager. About This repository holds the source for the Buttercup mobile application, which is available for the following platforms: iOS 10+Android 8.0+ The mobile application allows for full integration with Buttercup archives stored on a variety of platforms. Like the other applications, this mobile application makes use of AES 256bit encryption with ove...

iOS and Android NBA app created with React Native

Etiket :

iOS and Android NBA app created with React Native

Swish An iOS and Android NBA app created with React Native. If you would like to request a feature, find a bug, have a question, or would like to leave feedback, open an issue! ⭐️ this repo to show support! Download iOS – Download here!Android – Coming soon! Features Scores and stats for in-progress and completed gamesDetailed play by playFull team stats for a seasonFull player stats for a season and over their careerDetailed...

Customisable in-app notification component for React Native

Etiket :

Customisable in-app notification component for React Native

react-native-in-app-notification  ? Customisable in-app notification component for React Native Contents UIInstallVersionsPropsUsage UI The basic look of react-native-in-app-notification: What you can make react-native-in-app-notification do with a customised component: Install yarn add react-native-in-app-notification OR npm install react-native-in-app-notification --save Android For Android you need to add the VIBRATE&nb...

React Native Header Animation with Animated, Interpolate and ScrollView

Etiket :

React Native Header Animation with Animated, Interpolate and ScrollView

React-Native Animated Header Article explaining the code: https://hackernoon.com/react-native-animated-header-using-animated-and-scrollview-9749255c149a Running the project To run this project follow the simple steps below: Clone the project git clone https://github.com/rutvikbhatt9/react-native-header-animation.git Install the packages npm install Link the libraries react-native link Run the project react-native run-android OR react-native run...

Cross platform Picker component based on React Native

Etiket :

Cross platform Picker component based on React Native

react-native-wheel-picker Introduction Cross platform Picker component based on React-native. Since picker is originally supported by ios while Android only supports a ugly Spinner component. If you want to have the same user behaviour, you can use this. The android component is based on https://github.com/AigeStudio/WheelPicker which runs super fast and smoothly. It also supports curved effect which make it exactly the same looking and feel as the ios picke...

React Native Carousel control with support for iOS and Android

Etiket :

React Native Carousel control with support for iOS and Android

vReact Native Carousel Control React Native Carousel with support for both iOS and Android.  React >= 16 -> 2.x.x React < 16 -> 1.x.x Installation npm install react-native-carousel-control --save Usage import Carousel from "react-native-carousel-control"; //... <Carousel> <Text>Hello</Text> <Text>World!</Text> <Text>From carousel</Text> </Carousel> The carousel has the following format: ------------ | ...

Easy React Native forms using bootstrap like syntax with redux form immutablejs integration

Etiket :

Easy React Native forms using bootstrap like syntax with redux form immutablejs integration

react-native-clean-form Easy react-native forms using bootstrap-like syntax with redux-form+immutablejs integration. Styled using styled-components Big kudos to Artyom Khamitov The look of the form was inspired by this shot by Artyom Khamitov. Check out his profile on Dribbble. Form elements with syntax inspired by BootstrapStyled using styled-components. Easily extendible.Integrated with redux-formSupports immutable.js state ...

A news app using YouTube playlists, built with React Native

Etiket :

A news app using YouTube playlists, built with React Native

NewsWatch-React-Native A YouTube News app for iOS, made with React-Native. Enjoy watching your daily news. Screencast: This project was bootstrapped with Create React Native App. Below you’ll find information about performing common tasks. The most recent version of this guide is available here. Table of Contents Updating to New ReleasesAvailable Scriptsnpm startnpm testnpm run iosnpm run androidnpm run ejectWriting and Running TestsEnv...

Simple looped fading slides carousel for React Native

Etiket :

Simple looped fading slides carousel for React Native

React Native FadingSlides Component Simple looped fading slides carousel for React Native. Installation npm install --save react-native-fading-slides Properties fadeDuration={500} // Milliseconds for slide fade stillDuration={1000} // Milliseconds for slide still height={1000} // Set the slides component height slides={slidesList} // Set the slides list startAnimation={true} // Start or stops animation Slides Properties title={"Title"} // Slide's title titleColor={"...

React Native Hacker News app

Etiket :

React Native Hacker News app

ReactNativeHackerNews React Native-based Hacker News reading app Uses hacker-news-mobile-api This app is a descendent of my isomorphic React-based Hacker News mobile web app, hacker-news-mobile pretty pictures Speech Bubble icon (https://thenounproject.com/term/speech-bubble/60326/) © Michael Zenaty, available under a Creative Commons – Attribution (CC BY 3.0) license....

React Native Keyboard Manager

Etiket :

React Native Keyboard Manager

Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects ⚛. Thanks to awesome IQKeyboardManager ❤️. This is only for iOS, Android no needed. For Android just add android:windowSoftInputMode="adjustResize" to your activity. Screenshots Requirements React Native >= 0.45.0React >= 16.0.0-alpha.8iOS >= 8.0 NOTES: for RN 0.53.0 or later use react-native-keyboard-manager@latestfor RN 0.47.0 R...

Use Google Admob in combination with Expo to monetise your React Native app

Etiket :

Use Google Admob in combination with Expo to monetise your React Native app

expo-google-admob Use Google Admob in combination with Expo to monetise your app Check the demo on Expo Clone the repo $ git clone git@github.com:deadcoder0904/expo-google-admob.git Install the dependencies $ yarn Run the app $ yarn start License MIT © Akshay Kadam...

Dropdown list item for React Native

Etiket :

Dropdown list item for React Native

react-native-drop-down-item Simple drop down item component for react-native. This component supports drop down toggle with animation. Npm repo https://www.npmjs.com/package/react-native-drop-down-item Git repo https://github.com/dooboolab/react-native-drop-down-item Props necessarytypesdefaultcontentVisiblebooleanfalseheader✓any<View/>backgroundColorstringtransparenttitleBackgroundstringtransparentcontentBackgroundstringtransparentunderli...

A simple React Native implementation of step indicator widget compatible with the ViewPager and ListView

Etiket :

A simple React Native implementation of step indicator widget compatible with the ViewPager and ListView

react-native-step-indicator A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView. Features Can be used with ViewPager and ListviewCustom StylingSupports vertical and horizontal orientationSupports animation between steps                     example/HorizontalStepIndicatorExample.js      example/Vertica...

React Native module to render hypertext (text with links)

Etiket :

React Native module to render hypertext (text with links)

React Native Hypertext npm install react-native-hypertext Render clickable links with React Native. var Hypertext = require('react-native-hypertext'); <Hypertext> {'<a href="http://www.w3.org/WhatIs.html">Hypertext</a> is text which contains <a href="http://www.w3.org/Terms.html#link">links</a> to other texts.'} </Hypertext> ...

A React Native implementation of the Urban Dictionary App

Etiket :

A React Native implementation of the Urban Dictionary App

Urban Dictionary A React Native implementation of the Urban Dictionary App, platform agnostic, runs on both iOS and Android I wrote something about this app on medium, thanks to all the 2 people who read it. About the app This is a simple app for Urban Dictionary with minimal features.  Random word of the day Search for terms/words. Up/Downvote word Favourite word Trending terms Submit to App store and/or Google Play store. Getting Sta...

React Native stateless functional UI components to get you up and running quickly

Etiket :

React Native stateless functional UI components to get you up and running quickly

panza Panza (named after Sancho Panza, from Don Quixote), is a collection of stateless, functional ui-components for react-native, and heavily inspired by the excellent rebass library.  The goal with Panza is to provide a set of commonly used (mostly) functional ui components for react-native, that work well in both android and iOS environments. These components should look nice out of the box, but still offer a high degree of customization. This is achieved primarily t...

Cross platform Picker component based on React Native

Etiket :

Cross platform Picker component based on React Native

react-native-wheel-picker Introduction Cross platform Picker component based on React-native. Since picker is originally supported by ios while Android only supports a ugly Spinner component. If you want to have the same user behaviour, you can use this. The android component is based on https://github.com/AigeStudio/WheelPicker which runs super fast and smoothly. It also supports curved effect which make it exactly the same looking and feel as the ios picke...

A React Native SelectInput for iOS (+Android) which shows the picker as a keyboard

Etiket :

A React Native SelectInput for iOS (+Android) which shows the picker as a keyboard

React Native Select Input A React Native SelectInput for iOS (+Android) which shows the picker as a keyboard. Preview Installation Installation can be done through npm or yarn: npm install react-native-select-input-ios --save # or yarn add react-native-select-input-ios Usage Import the SelectInput and wrap you content inside of it. import React from 'react' import { View } from 'react-native' import SelectInput from 're...

A collection of common UI components for React Native mobile apps

Etiket :

A collection of common UI components for React Native mobile apps

React Native Toolkit Stay tuned! Feel adventurous? Check out examples and get started! ???? Navigation bar Custom navigation bar style per scene, including text color, background color, bottom border, shadow and etcCustom title, left, right and back components of the navigation bar per scene”Crossfade effect on the navigation bar during scene transitionAdjustable status bar style to match with the navigation bar style // NavigationBar prop types { barStyle: React.Pro...

A Higher Order Component using React Redux to keep form state in a Redux store

Etiket :

A Higher Order Component using React Redux to keep form state in a Redux store

redux-form redux-form works with React Redux to enable an html form in React to use Redux to store all of its state.  ⚠️ ATTENTION ⚠️ If you’re just getting started with your application and are looking for a form solution, the general consensus of the community is that you should not put your form state in Redux. The author of Redux Form took all of th...

An auto-updating timeago component for React Native using moment.js

Etiket :

An auto-updating timeago component for React Native using moment.js

react-native-timeago An auto-updating timeago component for React Native using moment.js. Usage import React, { Component } from 'react'; import TimeAgo from 'react-native-timeago'; // Timestamp can be any valid data type accepted in a Moment.js constructor // Currently accepts string, number, array, or a Date instance let timestamp = "2015-06-21T06:24:44.124Z"; class MyComponent extends Component { ... render() { return ( <TimeAgo time={timestamp} ...

Star rating component with support for swipe and / or touch selection for React Native

Etiket :

Star rating component with support for swipe and / or touch selection for React Native

react-native-swipeable-rating Star rating component with support for swipe and / or touch selection Usage react-native-vector-icons package is required, set it up if you haven’t already. install > npm i react-native-swipeable-rating Basic example import React, { Component } from 'react'; import { View } from 'react-native'; import SwipeableRating from 'react-native-swipeable-rating'; class MyStarRating extends Component { state = { rating...

A highly interactive and customisable PIN code screen for React Native

Etiket :

A highly interactive and customisable PIN code screen for React Native

react-native-awesome-pin This repository is no longer actively maintained. It has been extracted into two other packages to be more reusable: react-native-pins and react-native-screen-keyboard. A highly interactive and customizable PIN code screen for React Native. Plug and play PIN screen with dozens of props (can be themed to suit your brand).Keyboard and PIN components can be used independently for more fine-grained customization.Animations and micro-feedba...

Calendar Component for React Native

Etiket :

Calendar Component for React Native

⚠️ Deprecated ⚠️ This library is no longer being actively maintained. Try https://github.com/wix/react-native-calendars react-native-calendar A <Calendar> component for React Native Portrait mode only Installation npm install react-native-calendar --save Usage <Calendar currentMonth={'2015-08-01'} // Optional date to set the currently displayed month after initialization customStyle={{day: {fontSize: 15, textAlign: 'cent...

React Native small and simple example app with navigation, data persistence, listview and animation

Etiket :

React Native small and simple example app with navigation, data persistence, listview and animation

Install and run on android npm install -g react-native-cli cd react-native-quick-sample npm install react-native run-android Install and run on ios npm install -g react-native-cli cd react-native-quick-sample npm install react-native run-ios innFactory – iOS & Android Entwicklung...

A pull down to refresh control for React Native

Etiket :

A pull down to refresh control for React Native

react-native-drop-refresh A pull down to refresh control for react native. This is a fork version from Shuangzuan/RCTRefreshControl. Better npm maintainess,issues are welcomed. ####Update 2.2.0 Support react-native 0.40.0, change CMD to ES6 syntax. ####Update 2.1.0 Support react-native 0.20.0, solve module name collsion issue. Screen Shot Installation Run npm install react-native-drop-refresh --save in your project directory.Run react-native l...

An awesome React Native credit card component

Etiket :

An awesome React Native credit card component

React Native Health Card ?? React Native Health Card is a module that displays a look-a-like health fund card on your react native view! Inspiration from @sonnylazuardi and @jessepollak Usage npm install react-native-health-card --saveNow you can require the health card by import HealthCard from 'react-native-health-card'! Available Props PropertyTypeDefaultDescriptionbgColorstring#419dffThe background color of the health card of type gener...

A collection of animated loading indicators for React Native

Etiket :

A collection of animated loading indicators for React Native

react-native-spinkit A collection of animated loading indicatorsReact native port of SpinKit. Preview Getting started npm install react-native-spinkit@latest --save For RN < 0.40 support, use react-native-spinkit@0.1.5 Automatically link the library react-native link For RN projects < 0.29 link the library automatically using RNPM rnpm link react-native-spinkit Manual linking – IOS Follow the wiki available here Manua...

A React Native grading component using ReactART

Etiket :

A React Native grading component using ReactART

react-native-grading   react-native-grading is a RN component for users to grade scores. Four modes are supplied by the component, arcs/simles/stars/board. Example.gif There are at least 3 examples for each mode in order to show component in different status. In every test group, the first grading component is enabled, the second one is read only, the third one is disabled. Before Using: Link ART in Xcode Using this component directly in your project may enc...

A React Native component from displaying tooltip

Etiket :

A React Native component from displaying tooltip

react-native-tooltip A react-native component from displaying tooltip. Uses UIMenuController. Add it to your project Run npm install react-native-tooltip --saveOpen your project in XCode, right click on Libraries and click Add Files to "Your Project Name" (Screenshot) then (Screenshot).Add libRNToolTipMenu.a to Build Phases -> Link Binary With Libraries (Screenshot).Whenever you want to use it within React code: var ToolTip ...

React Native Grid/Collection View component

Etiket :

React Native Grid/Collection View component

react-native-grid-view THIS PROJECT IS NO LONGER MAINTAINED, PLEASE GRAB THE SOURCE CODE AND TAKE OWNERSHIP IN YOUR OWN PROJECT IF YOU FIND IT USEFUL. This component allows to display a grid/collection of items with more than one item per row. The items per row is configurable and it uses a ‘ListView’ in order to have a proper recycle mechanism. Getting started npm install react-native-grid-view See Example See examples/ directory...

React Native stateless functional UI components to get you up and running quickly

Etiket :

React Native stateless functional UI components to get you up and running quickly

panza Panza (named after Sancho Panza, from Don Quixote), is a collection of stateless, functional ui-components for react-native, and heavily inspired by the excellent rebass library.  The goal with Panza is to provide a set of commonly used (mostly) functional ui components for react-native, that work well in both android and iOS environments. These components should look nice out of the box, but still offer a high degree of customization. This is achieved primarily t...

A simple swipeable carousel for React Native which anchor two side of list

Etiket :

A simple swipeable carousel for React Native which anchor two side of list

react-native-anchor-carousel A simple swipeable carousel for React Native which anchor two side of list.. Installation Install the dependency. $ npm install react-native-anchor-carousel $ yarn add react-native-anchor-carousel Example full example here import Carousel from 'react-native-anchor-carousel'; <View style={styles.carouselContainer}> <Carousel style={styles.carousel} data={data} renderItem={this.rend...

ReactNative App for booking Appointment

Etiket :

ReactNative App for booking Appointment

My Appointment (React Native IOS App) Appointment Booking App built with React Native and Redux watch the demo here Note: Run ‘react-native link’ if you have issues with native dependencies. Libraries Used React NativeReduxImmutableJSNormalizr License MIT...

An interactive piano component based on React Native

Etiket :

An interactive piano component based on React Native

react-native-piano  Usage Install npm: npm i --save react-native-piano yarn: yarn add react-native-piano Import ES6 module: import { Piano } from 'react-native-piano' Documentation Properties Basic PropTypeDescriptionnoteRangeRequiredobjectAn object representing the range of notes to render. Format { first: 'c4', last: 'e5' } in which first and last corresponds to natural notes.onPlayNoteInputfunctionFunction that fires whenever a pla...

Flexible and lightweight React Native component for UITableView made with pure CSS

Etiket :

Flexible and lightweight React Native component for UITableView made with pure CSS

react-native-tableview-simple If you like my component and want to buy me a coffee, checkout my Patreon page – Thanks! This cross-platform component is inspired by the iOS-TableView. Made with pure CSS, the intention is to provide a flexible and lightweight alternative to a bridged component. A possible use case might be an about- or a settings-screen with a few rows. For displaying long datalists it is recommended to use the FlatList&nb...

A collection of animated loading indicators for React Native

Etiket :

A collection of animated loading indicators for React Native

react-native-spinkit A collection of animated loading indicatorsReact native port of SpinKit. Preview Getting started npm install react-native-spinkit@latest --save For RN < 0.40 support, use react-native-spinkit@0.1.5 Automatically link the library react-native link For RN projects < 0.29 link the library automatically using RNPM rnpm link react-native-spinkit Manual linking – IOS Follow the wiki available here Manua...

A component for rendering a phonebook using React Native contacts

Etiket :

A component for rendering a phonebook using React Native contacts

react-native-contacts-sectionlist Works on both iOS and Android. Instructions This component depends on the API of react-native-contacts. To use this component, follow the installation procedures for react-native-contacts. You won’t have to ask for android permissions at runtime. This component will handle that. After that you may: npm: npm i react-native-contacts-sectionlist yarn: yarn add react-native-contacts-sectionlist Example import React, ...

DuckDuckGo App built in React Native

Etiket :

DuckDuckGo App built in React Native

DuckDuckGo Unofficial DuckDuckGo app built in React Native Note: This is not the official DuckDuckGo App but a Fan-made. I made it only for Learning purpose. Find it on Expo: https://expo.io/@kiok46/duckduckgo How to run via expo? Use the expo-branch branch to run the application using expo, please do the following: npm install exp --global git clone https://github.com/kiok46/duckduckgo.git cd duckduckgo git checkout expo-branch npm install Method: 1 e...

React Native Signature Component based WebView Canvas for Android && IOS && expo

Etiket :

React Native Signature Component based WebView Canvas for Android && IOS && expo

react-native-signature-canvas React Native Signature Component based Canvas for Android && IOS && expo Supports Android and iOS and ExpoPure JavaScript implementation with no native dependenciesTested with RN 0.50Core use signature_pad.jsOnly depend on react and react nativeGenerates a base64 encoded png image of the signature Installation npm install --save react-native-signature-canvas Usage import Signature from 'react-native-signature-canvas'; Pr...

Eva Icons for React Native

Etiket :

Eva Icons for React Native

react-native-eva-icons    ❤️ Clean and powerful Eva Icons implementation for React Native based on react-native-svg elements. Installation npm i react-native-eva-icons This framework assumes you have already installed react-native-svg, but if not – you should install it too. Usage Icons can be used by it’s name using only Icon component. import { Icon } from 'react-native-eva-icons...

FM Form is a module for React Native to fast generate pages with a form

Etiket :

FM Form is a module for React Native to fast generate pages with a form

react-native-fm-form FM Form is a module for React Native to fast generate pages with a form. It works like Backbone forms. Using this module you can generate a page in 5 minutes! Currently only support iOS!!! I build this module because I am lazy… The original purpose of this project is for me to develop an app faster. I believe there are many bugs and design issue. If you are interesting in this project please help me improve it! generate a page like this in 5 mins: se...

Chormecast Videos from JavaScript in React Native

Etiket :

Chormecast Videos from JavaScript in React Native

ChromeCast ReactNative Sample app showing Chromecast IOS API used from React-Native JavaScript (Developed in Swift) Dependencies CocoaPods – dependencies are managed via CocoaPods. See http://guides.cocoapods.org/using/getting-started.html for setup instructions.ReactNative – See https://facebook.github.io/react-native/docs/getting-started.html for setup instructions. Setup Instructions Install React-Native – npm install -g react-native-cl...

Swipeable bottom panel for React Native

Etiket :

Swipeable bottom panel for React Native

React Native Swipeable Panel React Native Panel animates up and controllable with pan gestures React Native Swipeable Panel that animate from bottom and controllable with pan gestures. You can extend panel by swiping up, make it small or close by swiping down with pan gestures. Feel free to redesign inside of panel. Getting started $ npm install rn-swipeable-panel --save or $ yarn add rn-swipeable-panel Example import React from 'react'; import { StyleSheet,...

Galio is a beautifully designed, Free and Open Source React Native Framework

Etiket :

Galio is a beautifully designed, Free and Open Source React Native Framework

Galio   Galio is one of the coolest UI libraries you could ever use, licensed under MIT. Carefully crafted by developers for developers. Ready-made components, typography, and a gorgeous base theme that is easily adaptable to each project. Table of Contents Quick startComponentsDocumentationResourcesReporting IssuesLicensing Quick Start 1. Project Setup Go ahead and install the app version of Galio in order to play aroun...

A React Native Clone of the popular ASOS App

Etiket :

A React Native Clone of the popular ASOS App

*** This is work in progress **** A React Native Clone of the popular ASOS App, this project was done over one weekend a period of time for learning purposes and is theremore not being maintained. Feel free to fork and use as you please. It is platform agnostic although nearly all work done so far has been written and tested on iOS. React-Native is a powerful tool for creating UI, and therefore i’ve focussed only on the UI. The business logic including data retri...

React Native Keyboard Manager

Etiket :

React Native Keyboard Manager

Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects ⚛. Thanks to awesome IQKeyboardManager ❤️. This is only for iOS, Android no needed. For Android just add android:windowSoftInputMode="adjustResize" to your activity. Screenshots Requirements React Native >= 0.45.0React >= 16.0.0-alpha.8iOS >= 8.0 NOTES: for RN 0.53.0 or later use react-native-keyboard-manager@latestfor RN 0.47.0 R...

Star rating component with support for swipe and / or touch selection for React Native

Etiket :

Star rating component with support for swipe and / or touch selection for React Native

react-native-swipeable-rating Star rating component with support for swipe and / or touch selection Usage react-native-vector-icons package is required, set it up if you haven’t already. install > npm i react-native-swipeable-rating Basic example import React, { Component } from 'react'; import { View } from 'react-native'; import SwipeableRating from 'react-native-swipeable-rating'; class MyStarRating extends Component { state = { rating...

Beautifully crafted off canvas menu components for React Native applications

Etiket :

Beautifully crafted off canvas menu components for React Native applications

react-native-off-canvas-menu Beautifully crafted off canvas menu components for react native applications. Features – Gesture SupportOrientation CompatibleSmooth AnimationMenu items with custom Icon supportScroll support for a long listed menuAutomatically change scene for each menu itemHardware back button handling for Android Created with React Native Animated library. The component is compatible with Android only. There is an example app with this repository in the...

Customisable in-app notification component for React Native

Etiket :

Customisable in-app notification component for React Native

react-native-in-app-notification  ???? Customisable in-app notification component for React Native Contents UIInstallVersionsPropsUsage UI The basic look of react-native-in-app-notification: What you can make react-native-in-app-notification do with a customised component: Install yarn add react-native-in-app-notification OR npm install react-native-in-app-notification --save Android For Android you need to add the VIBRATE...

React Native Grid/Collection View component

Etiket :

React Native Grid/Collection View component

react-native-grid-view THIS PROJECT IS NO LONGER MAINTAINED, PLEASE GRAB THE SOURCE CODE AND TAKE OWNERSHIP IN YOUR OWN PROJECT IF YOU FIND IT USEFUL. This component allows to display a grid/collection of items with more than one item per row. The items per row is configurable and it uses a ‘ListView’ in order to have a proper recycle mechanism. Getting started npm install react-native-grid-view See Example See examples/ directory...

React Native Carousel control with support for iOS and Android

Etiket :

React Native Carousel control with support for iOS and Android

vReact Native Carousel Control React Native Carousel with support for both iOS and Android.  React >= 16 -> 2.x.x React < 16 -> 1.x.x Installation npm install react-native-carousel-control --save Usage import Carousel from "react-native-carousel-control"; //... <Carousel> <Text>Hello</Text> <Text>World!</Text> <Text>From carousel</Text> </Carousel> The carousel has the following format: ------------ | ...

React Native bridge to GLView (iOS) and jPCT-AE (Android)

Etiket :

React Native bridge to GLView (iOS) and jPCT-AE (Android)

react-native-gl-model-view A <ModelView> component for react-native, allowing you to display and animate any Wavefront .OBJ 3D object. Realized with a native bridge to GLView for iOS and a native bridge to jPCT-AE for Android. Main features: Display, rotate, scale and translate textured 3D models!Animate with blasting fast 60 fps by using the Animated API native driverSupports Wavefront .OBJ and GLEssential...

A routing library for React Native that strives for sensible API parity with React router.

Etiket :

A routing library for React Native that strives for sensible API parity with React router.

React Router Native      A routing library for React Native that strives for sensible API parity with react-router. Please note that React Router v4 was just released. Over the next few weeks, React Router Native will be refactored to make it fully compatible with v4. Background React Router community decided that a reducer-based paradigmsimilar to that of NavigationExperimental is better suited to native navigation. Transit...

Fully customizable Video Modal for React Native via Paraboly

Etiket :

Fully customizable Video Modal for React Native via Paraboly

Fully customizable, loading style implemented Video Modal for React Native via Paraboly. Video Modal Installation Add the dependency: npm i @paraboly/react-native-card Peer Dependencies IMPORTANT! You need install them. "react": ">= 16.x.x", "react-native": ">= 0.55.x", "react-native-video": ">= 4.4.1", "react-native-spinkit": ">= 1.3.0", "react-native-vector-icons": ">= 6.x.x", "react-native-material-ripple": ">= 0.8.0", "@paraboly/react-native-modal-box...

Native CardView that compatible for iOS and Android

Etiket :

Native CardView that compatible for iOS and Android

react-native-card-view     Native CardView that compatible for iOS and Android( both lollipop and pre-lolipop). Professionally supported react-native-cardview is coming soon Tidelift gives software development teams a single source for purchasing and maintaining their software, with professional grade assurances from the experts who know it best, while seamlessly integrating with existing tools. Get supported react-native-cardview with the Tidelift Subscri...

A React Native reusable and efficient dial knob element

Etiket :

A React Native reusable and efficient dial knob element

react-native-big-slider  This package powers Yeti Smart Home and is used in production. A react native reusable and efficient dial knob element. Usage To achieve the previously shown elements, you can take a look at the example or use the following snippets: import BigSlider from 'react-native-big-slider' // ... <BigSlider minimumValue={-50} label={`${this.state.valA | 0}º`} value={this.state.valA} onValueChange={valA => { this.setState(...

Simple looped fading slides carousel for React Native

Etiket :

Simple looped fading slides carousel for React Native

React Native FadingSlides Component Simple looped fading slides carousel for React Native. Installation npm install --save react-native-fading-slides Properties fadeDuration={500} // Milliseconds for slide fade stillDuration={1000} // Milliseconds for slide still height={1000} // Set the slides component height slides={slidesList} // Set the slides list startAnimation={true} // Start or stops animation Slides Properties title={"Title"} // Slide's title titleColor={"...

A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component

Etiket :

A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component

A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component. I created this project after going through the navbars contained in Awesome React and not finding any that were cross-platform, customizable, and integrated the status bar. This project is a spiritual successor to react-native-navbar (I forked it and ended up changing like 90% of it). To find a preview of all examples go to the examples folder. Note This library ...

Image intent receiver for React Native android

Etiket :

Image intent receiver for React Native android

react-native-image-intent ???? Image intent receiver for React Native android. This allows react native app to receive data (image) from other app https://developer.android.com/training/sharing/receive.html. Installation npm install --save react-native-image-intent Recommended via yarn yarn add react-native-image-intent Automatically link With React Native 0.27+ react-native link react-native-image-intent With older versions of React Native ...

Dynamic Android picker dialog for React Native

Etiket :

Dynamic Android picker dialog for React Native

vrn-android-picker-dialog Getting started $ npm install rn-android-picker-dialog --save Mostly automatic installation $ react-native link rn-android-picker-dialog Manual installation Android Open up android/app/src/main/java/[...]/MainActivity.java Add import com.rnandroidpicker.PickerPackage; to the imports at the top of the fileAdd new PickerPackage() to the list returned by the getPackages() method Append the following lines to&nbs...

React Native Draft.js Render

Etiket :

React Native Draft.js Render

A React Native render for Draft.js model. Discussion and Support Join the #react-native-render channel on DraftJS Slack team. Documentation Get StartedAdd Custom StylesHandle Atomic Types Getting Started Install React Native Draft.js Render on your React Native project, using NPM or Yarn: yarn add react-native-draftjs-render # or... npm i -S react-native-draftjs-render Using Just import and insert your Draft.js model on get...

Beautifully crafted off canvas menu components for React Native applications

Etiket :

Beautifully crafted off canvas menu components for React Native applications

react-native-off-canvas-menu Beautifully crafted off canvas menu components for react native applications. Features – Gesture SupportOrientation CompatibleSmooth AnimationMenu items with custom Icon supportScroll support for a long listed menuAutomatically change scene for each menu itemHardware back button handling for Android Created with React Native Animated library. The component is compatible with Android only. There is an example app with this repository in the...

A routing library for React Native that strives for sensible API parity with React router.

Etiket :

A routing library for React Native that strives for sensible API parity with React router.

React Router Native      A routing library for React Native that strives for sensible API parity with react-router. Please note that React Router v4 was just released. Over the next few weeks, React Router Native will be refactored to make it fully compatible with v4. Background React Router community decided that a reducer-based paradigmsimilar to that of NavigationExperimental is better suited to native navigation. Transit...

A simple weather mobile app implemented using React Native

Etiket :

A simple weather mobile app implemented using React Native

Minimalist Weather App A Weather app build using React NativeOpen Weather Map APIVector Icons ...

Easy React Native forms using bootstrap like syntax with redux form immutablejs integration

Etiket :

Easy React Native forms using bootstrap like syntax with redux form immutablejs integration

react-native-clean-form Easy react-native forms using bootstrap-like syntax with redux-form+immutablejs integration. Styled using styled-components Big kudos to Artyom Khamitov The look of the form was inspired by this shot by Artyom Khamitov. Check out his profile on Dribbble. Form elements with syntax inspired by BootstrapStyled using styled-components. Easily extendible.Integrated with redux-formSupports immutable.js state ...

HiApp written in React Native

Etiket :

HiApp written in React Native

react-native-hiapp HiApp written in react-native. Previews Mirrors: 秒拍 Requirements React Native 0.59.1 (follow iOS and Android guides) Setup VSCode extension for React Native provides a development environment for React Native projects. You can debug your code, quickly run react-native commands from the command palette and use IntelliSense to browse objects, functions and parameters for React Native APIs. Clone the repo $ git clone htt...

A simple weather mobile app implemented using React Native

Etiket :

A simple weather mobile app implemented using React Native

Minimalist Weather App A Weather app build using React NativeOpen Weather Map APIVector Icons ...

A Camera component for React Native. Also supports barcode scanning

Etiket :

A Camera component for React Native. Also supports barcode scanning

React Native Camera     Sponsors If you use this library on your commercial/personal projects, you can help us by funding the work on specific issues that you choose by using IssueHunt.io! This gives you the power to prioritize our work and support the project contributors. Moreover it’ll guarantee the project will be updated and maintained in the long run. Open Collective You can also fund this project using open collective Backers Support us w...

Dropdown list item for React Native

Etiket :

Dropdown list item for React Native

react-native-drop-down-item Simple drop down item component for react-native. This component supports drop down toggle with animation. Npm repo https://www.npmjs.com/package/react-native-drop-down-item Git repo https://github.com/dooboolab/react-native-drop-down-item Props necessarytypesdefaultcontentVisiblebooleanfalseheader✓any<View/>backgroundColorstringtransparenttitleBackgroundstringtransparentcontentBackgroundstringtransparentunderli...

React Native component for animated sprite and tweening

Etiket :

React Native component for animated sprite and tweening

The React Native Animated Sprite react-native-animated-sprite (RNAS) package is a feature rich declarative component for animation, tweening, and dragging sprites. Animation is achieved using frame-by-frame animation, tweening uses the React Native Animated class, and dragging uses React Native PanResponder. RNAS is ideal for use in general applications or games. Development has been driven by Curious Learning’s work in cognitive assessment and literacy. Installation ...

A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component

Etiket :

A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component

A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component. I created this project after going through the navbars contained in Awesome React and not finding any that were cross-platform, customizable, and integrated the status bar. This project is a spiritual successor to react-native-navbar (I forked it and ended up changing like 90% of it). To find a preview of all examples go to the examples folder. Note This library ...

Declarative transitions and animations for React Native

Etiket :

Declarative transitions and animations for React Native

react-native-animatable Declarative transitions and animations for React Native Installation $ npm install react-native-animatable --save Usage To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, ...

Full-featured web browser module for React Native apps

Etiket :

Full-featured web browser module for React Native apps

react-native-browser A full-featured web browser module for React Native apps, based on the awesome TOWebViewController Installation Run npm install react-native-browser --save in your project directory. Open your project in XCode, right click on Libraries and click Add Files to "Your Project Name"Inside your node_modules, find react-native-browser and add RCTBrowser.xcodeproj to your project.Add libRTCBrowser.a to Build Phas...

Declarative transitions and animations for React Native

Etiket :

Declarative transitions and animations for React Native

react-native-animatable Declarative transitions and animations for React Native Installation $ npm install react-native-animatable --save Usage To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, ...

Native CardView that compatible for iOS and Android

Etiket :

Native CardView that compatible for iOS and Android

react-native-card-view     Native CardView that compatible for iOS and Android( both lollipop and pre-lolipop). Professionally supported react-native-cardview is coming soon Tidelift gives software development teams a single source for purchasing and maintaining their software, with professional grade assurances from the experts who know it best, while seamlessly integrating with existing tools. Get supported react-native-cardview with the Tidelift Subscri...

Image intent receiver for React Native android

Etiket :

Image intent receiver for React Native android

react-native-image-intent ? Image intent receiver for React Native android. This allows react native app to receive data (image) from other app https://developer.android.com/training/sharing/receive.html. Installation npm install --save react-native-image-intent Recommended via yarn yarn add react-native-image-intent Automatically link With React Native 0.27+ react-native link react-native-image-intent With older versions of React Native You...

An open source React Native app for smart villages merging regional offers and services in one place

Etiket :

An open source React Native app for smart villages merging regional offers and services in one place

Smart Village App – Mobile App The Smart Village App will be a mobile app made with React Native. This mobile app is one main part of the whole Smart Village App project. For more information visit https://github.com/ikuseiGmbH/smart-village-app. Overview The following screens are showing a prototyped layout for an intro slider and the home screen. Colors Currently used colors in the mobile app: https://coolors.co/08743c-bbbe64-222222-...

Build forms in React, without the tears

Etiket :

Build forms in React, without the tears

Visit https://jaredpalmer.com/formik/ to get started with Formik. The below readme is the documentation for the next (prerelease) branch. To view the documentation for the latest stable Formik version visit jaredpalmer.com/formik/docs Let’s face it, forms are really verbose in React. To make matters worse, most form helpers do wayyyy too much magic and often have a significant performance cost associated with them....

React Native: Native Bottom Action Sheet

Etiket :

React Native: Native Bottom Action Sheet

  ReactNative: Native Bottom Action Sheet (Android/iOS) If this project has helped you out, please support us with a star ???? A simple library that creates native BottomSheet actions according to the Material Design Specs Android Sheet View: rubensousa/BottomSheetBuilder Grid View: rubensousa/BottomSheetBuilder Alert View: javiersantos/BottomDialogs Sheet View: sagiwei/SGActionView Grid View: sagiwei/SGActionView ???? Getting started $ n...

Calendar Component for React Native

Etiket :

Calendar Component for React Native

⚠️ Deprecated ⚠️ This library is no longer being actively maintained. Try https://github.com/wix/react-native-calendars react-native-calendar A <Calendar> component for React Native Portrait mode only Installation npm install react-native-calendar --save Usage <Calendar currentMonth={'2015-08-01'} // Optional date to set the currently displayed month after initialization customStyle={{day: {fontSize: 15, textAlign: 'cent...

Native appearing forms with React Native

Etiket :

Native appearing forms with React Native

React Native Forms Project status I wrote this library two years ago for a use-case at work, when React Native was still quite young, comparatively. I open sourced it in the general spirit of sharing code that had been useful to me, but with the vicissitudes of life being what they are, I didn’t have the opportunity to keep it up to date, and it’s become very antiquated. If you want to use it, go for it! But because I no longer use React Native at work, I don’t ha...

A Higher Order Component using React Redux to keep form state in a Redux store

Etiket :

A Higher Order Component using React Redux to keep form state in a Redux store

redux-form redux-form works with React Redux to enable an html form in React to use Redux to store all of its state.  ⚠️ ATTENTION ⚠️ If you’re just getting started with your application and are looking for a form solution, the general consensus of the community is that you should not put your form state in Redux. The author of Redux Form took all of th...

A React Native component from displaying tooltip

Etiket :

A React Native component from displaying tooltip

react-native-tooltip A react-native component from displaying tooltip. Uses UIMenuController. Add it to your project Run npm install react-native-tooltip --saveOpen your project in XCode, right click on Libraries and click Add Files to "Your Project Name" (Screenshot) then (Screenshot).Add libRNToolTipMenu.a to Build Phases -> Link Binary With Libraries (Screenshot).Whenever you want to use it within React code: var ToolTip ...

React Conf 2017 Companion App

Etiket :

React Conf 2017 Companion App

React Conf 2017 The companion app for React Conf 2017 in Santa Clara, California. Powered by React Native, and built in Sydney by Thinkmill. Find it on the iOS App Store here! Find it on Google Play here! Get a live schedule, information about the talks and speakers, and easily tweet or share talks as they happen. About the App We’re open sourcing this app so everyone can see how we built it, and contribute to making it better. There will be des...

React Native Data Visualization Components

Etiket :

React Native Data Visualization Components

react-vis | Demos | Docs A COMPOSABLE VISUALIZATION SYSTEM Overview A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, hexagon heatmaps, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps. Some notable features: Simplicity. react-vis doesn’t require any de...

A React Native App to Select Material Colors for macOS.

Etiket :

A React Native App to Select Material Colors for macOS.

Material Colors Native Material Colors Native App for OS X Download the app Heavily inspired by MaterialColorsApp . Build with react-native-macos . Choose your color and click to copy the color code Why ? To test react-native-desktop and also MaterialColorsApp is OS X only so why use Electron ? This resulted in a ~114 Mo app vs ~2.5 Mo for this native one. Running this app git clone https://github.com/BafS/Material-Colors-native.git cd...

Fully customizable and unique shape Gradient Header for React Native

Etiket :

Fully customizable and unique shape Gradient Header for React Native

Fully customizable and unique shape Gradient Header for React Native. Installation Add the dependency: React Native: npm i react-native-gradient-header Peer Dependencies IMPORTANT! You need install them. "react": ">= 16.x.x", "react-native": ">= 0.55.x", "react-native-fast-image": ">= 5.x.x", "react-native-iphone-x-helper": ">= 1.x.x", "react-native-linear-gradient": ">= 2.x.x", Basic Usage import GradientHeader from "react-nati...

Build forms in React, without the tears

Etiket :

Build forms in React, without the tears

Visit https://jaredpalmer.com/formik/ to get started with Formik. The below readme is the documentation for the next (prerelease) branch. To view the documentation for the latest stable Formik version visit jaredpalmer.com/formik/docs Let’s face it, forms are really verbose in React. To make matters worse, most form helpers do wayyyy too much magic and often have a significant performance cost associated with them....

React Native Hue player

Etiket :

React Native Hue player

react-native-hue-player HUE Player is intended to projects that need to deal with both offline/local and online/streaming audio. Now you can play, pause, skip and seek audios from diferent sources on the same playlist. This project is based on ‘ract-native-audio-streamer’, ‘react-native-sound’ and uses ‘react-native-music-control’. Getting Started In order to use this component you have to set up a playlist of audio files. T...

A React Native App to Select Material Colors for macOS.

Etiket :

A React Native App to Select Material Colors for macOS.

Material Colors Native Material Colors Native App for OS X Download the app Heavily inspired by MaterialColorsApp . Build with react-native-macos . Choose your color and click to copy the color code Why ? To test react-native-desktop and also MaterialColorsApp is OS X only so why use Electron ? This resulted in a ~114 Mo app vs ~2.5 Mo for this native one. Running this app git clone https://github.com/BafS/Material-Colors-native.git cd...

A quick and easy image slider for react native

Etiket :

A quick and easy image slider for react native

react-native-image-slider A quick and easy image slider for react native. Installation npm install react-native-image-slider --save or yarn add react-native-image-slider Usage import ImageSlider from 'react-native-image-slider'; // ... render() { return (<ImageSlider images={[ 'http://placeimg.com/640/480/any', 'http://placeimg.com/640/480/any', 'http://placeimg.com/640/480/any' ]}/>) } Autoplay / Custom buttons / Custom slide / Loop class E...

One React Native form component to rule them all

Etiket :

One React Native form component to rule them all

Gifted Form Form component for React Native. Example var { GiftedForm, GiftedFormManager } = require('react-native-gifted-form'); var FormComponent = createReactClass({ render() { return ( <GiftedForm formName='signupForm' // GiftedForm instances that use the same name will also share the same states openModal={(route) => { navigator.push(route); // The ModalWidget will be opened using this method. Tested with ExNavigator ...

React Native circular action menu

Etiket :

React Native circular action menu

react-native-circular-action-menu Path-esque circular action menu inspired by CircularFloatingActionMenu. Installation npm i react-native-circular-action-menu --save Usage First, require it from your app’s JavaScript files with: import ActionButton from 'react-native-circular-action-menu'; ActionButton ActionButton component is the main component which wraps everything and provides a couple of props (see Config below). ActionButton.Item ActionBut...

Mobile, desktop and website Apps with the same code in React Native

Etiket :

Mobile, desktop and website Apps with the same code in React Native

Mobile, desktop and website Apps with the same code This project shows how the source code can be architectured to run on multiple devices. As of now, it is able to run as: iOS & Android Apps (based on react-native)a Desktop App based on NW or based on Electrona Website App in any browser (based on react) A demo for the Website App is available here. Screenshots Mobile Apps (iOS & Android) Desktop Apps (NW & Electron) ...

Hacker News iOS and Android App – Made with React Native

Etiket :

Hacker News iOS and Android App – Made with React Native

DEPRECATED FOR NOW – uses an old version of react native See other react native example apps here: https://expo.io/featured HackerNews-React-Native Hacker News reader for iOS and Android, made with React-Native. DEMO iOS App Preview Android App Preview Features/Components Uses React Native 0.20Pull down to Refresh listviewPagination listviewComment & Sub CommentsWebView to view source pages Installation Once you h...

HiApp written in React Native

Etiket :

HiApp written in React Native

react-native-hiapp HiApp written in react-native. Previews Mirrors: 秒拍 Requirements React Native 0.59.1 (follow iOS and Android guides) Setup VSCode extension for React Native provides a development environment for React Native projects. You can debug your code, quickly run react-native commands from the command palette and use IntelliSense to browse objects, functions and parameters for React Native APIs. Clone the repo $ git clone htt...

A community maintained router component for React Native

Etiket :

A community maintained router component for React Native

React Native Simple Router Awesome navigation for your React Native app. Install Make sure that you are in your React Native project directory and run: $ npm install react-native-simple-router --save Usage import Router from 'react-native-simple-router'; The basics: import React from 'react'; import { StyleSheet } from 'react-native'; // The initial page class HelloPage extends React.Component { render() { return <Text>Hello world!</Text>; } } ...

A simple React Native implementation of step indicator widget compatible with the ViewPager and ListView

Etiket :

A simple React Native implementation of step indicator widget compatible with the ViewPager and ListView

react-native-step-indicator A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView. Features Can be used with ViewPager and ListviewCustom StylingSupports vertical and horizontal orientationSupports animation between steps                     example/HorizontalStepIndicatorExample.js      example/Vertica...

React Native Draft.js Render

Etiket :

React Native Draft.js Render

A React Native render for Draft.js model. Discussion and Support Join the #react-native-render channel on DraftJS Slack team. Documentation Get StartedAdd Custom StylesHandle Atomic Types Getting Started Install React Native Draft.js Render on your React Native project, using NPM or Yarn: yarn add react-native-draftjs-render # or... npm i -S react-native-draftjs-render Using Just import and insert your Draft.js model on get...

A friendly loading indicator component for React Native

Etiket :

A friendly loading indicator component for React Native

react-native-indicator A useful indicator component for React Native Installation Make sure that you are in your React Native project directory and run: $ npm install react-native-indicator --save Android It works, have fun! iOS Add ART.xcodeproj from node_modules/react-native/Libraries/ART to your Libraries then link libART.a. To see more details about Linking Libraries, jump to this. Usage Import rea...

React Conf 2017 Companion App

Etiket :

React Conf 2017 Companion App

React Conf 2017 The companion app for React Conf 2017 in Santa Clara, California. Powered by React Native, and built in Sydney by Thinkmill. Find it on the iOS App Store here! Find it on Google Play here! Get a live schedule, information about the talks and speakers, and easily tweet or share talks as they happen. About the App We’re open sourcing this app so everyone can see how we built it, and contribute to making it better. There will be des...

Circle checkbox component for React Native

Etiket :

Circle checkbox component for React Native

ReactNativeCircleCheckbox Circle-style checkbox component for React Native. Installation npm install react-native-circle-checkbox --save Usage import CircleCheckBox, {LABEL_POSITION} from 'react-native-circle-checkbox'; <CircleCheckBox checked={true} onToggle={(checked) => console.log('My state is: ', checked)} labelPosition={LABEL_POSITION.RIGHT} label="Checkbox example" /> Preview Available properties: checked : initial state of checkb...

A React Native component imitating the Flipboard® page flip behaviour

Etiket :

A React Native component imitating the Flipboard® page flip behaviour

react-native-flip-page DISCLAIMER: This package is in no way related to nor endorsed by Flipboard, Inc. nor flipboard.com. This is just a showcase of effect implemented with React Native. This package allows you to use the cool Flipboard page swipe effect in your React Native apps. Install Installation is pretty straight-forward, as you just have to npm install this package: npm install --save react-native-flip-page Then, use the module by importing in in yo...

React Native multi Voice transcription iOS app powered by IBM Watson

Etiket :

React Native multi Voice transcription iOS app powered by IBM Watson

Meowth iOS iOS app that transcript your voice with IBM Watson Cloud. Articles https://medium.com/dev-rocket/hybrid-development-a-complete-fail-95927aa37571https://medium.com/dev-rocket/dev-with-react-native-part-1-83c8c7fe9c62 ...

iOS Conference App made with React Native

Etiket :

iOS Conference App made with React Native

Nortal TechDay 2015 Conference React Native App Dependencies TwitterKit (use the Fabric Mac-app or manually insert API keys in Info.plist)react-native-icons API config.js should have the root address for the API ######/tracks (full example at stores/examples/tracks.json) [{ “id”: 1, “title”: “Development”, “sessions”: [{ “title”: “Talk title”, “startTime”: “10:00&#...

An open source React Native app for smart villages merging regional offers and services in one place

Etiket :

An open source React Native app for smart villages merging regional offers and services in one place

Smart Village App – Mobile App The Smart Village App will be a mobile app made with React Native. This mobile app is one main part of the whole Smart Village App project. For more information visit https://github.com/ikuseiGmbH/smart-village-app. Overview The following screens are showing a prototyped layout for an intro slider and the home screen. Colors Currently used colors in the mobile app: https://coolors.co/08743c-bbbe64-222222-...

React Native PhotoOCR

Etiket :

React Native PhotoOCR

React-Native-PictureOCR Combine React-Native-Camere and React-Native-Text-Detector for picture OCR can detect photo’s word as seperate lines from gallery or camera. Recommend using camera from the apps instead of Built-in for higher precision of picture After you start the app click React-Native-Text-Detector OCR, then choose the picture or using camera to take one that you want to detect. Then you’ll see the result of it,click on an orange box can add it’s text in...

Semantic JSX layout components for React Native

Etiket :

Semantic JSX layout components for React Native

react-native-layout Semantic JSX layout components for react-native This library contains multiple easy-to-use react-native layout components which brings more semantic into your JSX code. It contains really simple flex-based layout modules likeFillCenterHeaderFooterLinearLayoutHorizontalLinearLayoutVerticalLinearLayoutBorderLayoutOverlay Install npm install react-native-layout --save Why? Developing apps with react-native is great. But sometimes the JSX...

React Native module to render hypertext (text with links)

Etiket :

React Native module to render hypertext (text with links)

React Native Hypertext npm install react-native-hypertext Render clickable links with React Native. var Hypertext = require('react-native-hypertext'); <Hypertext> {'<a href="http://www.w3.org/WhatIs.html">Hypertext</a> is text which contains <a href="http://www.w3.org/Terms.html#link">links</a> to other texts.'} </Hypertext> ...

A highly interactive and customisable PIN code screen for React Native

Etiket :

A highly interactive and customisable PIN code screen for React Native

react-native-awesome-pin This repository is no longer actively maintained. It has been extracted into two other packages to be more reusable: react-native-pins and react-native-screen-keyboard. A highly interactive and customizable PIN code screen for React Native. Plug and play PIN screen with dozens of props (can be themed to suit your brand).Keyboard and PIN components can be used independently for more fine-grained customization.Animations and micro-feedba...

An auto-updating timeago component for React Native using moment.js

Etiket :

An auto-updating timeago component for React Native using moment.js

react-native-timeago An auto-updating timeago component for React Native using moment.js. Usage import React, { Component } from 'react'; import TimeAgo from 'react-native-timeago'; // Timestamp can be any valid data type accepted in a Moment.js constructor // Currently accepts string, number, array, or a Date instance let timestamp = "2015-06-21T06:24:44.124Z"; class MyComponent extends Component { ... render() { return ( <TimeAgo time={timestamp} ...

Experimental implementation of high performance interactable views in React Native

Etiket :

Experimental implementation of high performance interactable views in React Native

Interactable react-native-interactable LOOKING FOR A MAINTAINER We love this project, but currently we don’t have enough time to work on it. So we are looking for a maintainer. If you have enough time and knowledge and want to become one – please let us know (levv@wix.com, sergeyi@wix.com) Description InstallationExampleUsageImplementation Details This is an experimental implementation of a declarative API for handling fluid user interac...

A framework for building native Windows apps with React

Etiket :

A framework for building native Windows apps with React

React Native for Windows Build native Windows apps with React. React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about – learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native. This rep...

A React Native component imitating the Flipboard® page flip behaviour

Etiket :

A React Native component imitating the Flipboard® page flip behaviour

react-native-flip-page DISCLAIMER: This package is in no way related to nor endorsed by Flipboard, Inc. nor flipboard.com. This is just a showcase of effect implemented with React Native. This package allows you to use the cool Flipboard page swipe effect in your React Native apps. Install Installation is pretty straight-forward, as you just have to npm install this package: npm install --save react-native-flip-page Then, use the module by importing in in yo...

A React Native SelectInput for iOS (+Android) which shows the picker as a keyboard

Etiket :

A React Native SelectInput for iOS (+Android) which shows the picker as a keyboard

React Native Select Input A React Native SelectInput for iOS (+Android) which shows the picker as a keyboard. Preview Installation Installation can be done through npm or yarn: npm install react-native-select-input-ios --save # or yarn add react-native-select-input-ios Usage Import the SelectInput and wrap you content inside of it. import React from 'react' import { View } from 'react-native' import SelectInput from 're...

Customizable set of components for React Native applications

Etiket :

Customizable set of components for React Native applications

Shoutem UI 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. Install $ npm install --save @shoutem/ui $ react-native link # No ...

Reddit app writing in React Native + redux

Etiket :

Reddit app writing in React Native + redux

xReddit Reddit for Android, made withReact-Native.Adding support for iOS is on the way, adding support for OSX is also in plan!!! Build & Run s1 npm install s2 react-native run-android s3 If you came up with ‘reload’ issues, try run npm start Future Improvement iOS versionListing CommentsOSX versionmore channelscustom setting License <a href=/LICENSE.txt” target=”_blank”>MIT license. From Kevin ...

Semantic JSX layout components for React Native

Etiket :

Semantic JSX layout components for React Native

react-native-layout Semantic JSX layout components for react-native This library contains multiple easy-to-use react-native layout components which brings more semantic into your JSX code. It contains really simple flex-based layout modules likeFillCenterHeaderFooterLinearLayoutHorizontalLinearLayoutVerticalLinearLayoutBorderLayoutOverlay Install npm install react-native-layout --save Why? Developing apps with react-native is great. But sometimes the JSX...

A React Native grading component using ReactART

Etiket :

A React Native grading component using ReactART

react-native-grading   react-native-grading is a RN component for users to grade scores. Four modes are supplied by the component, arcs/simles/stars/board. Example.gif There are at least 3 examples for each mode in order to show component in different status. In every test group, the first grading component is enabled, the second one is read only, the third one is disabled. Before Using: Link ART in Xcode Using this component directly in your project may enc...

A minimal navigator library for React Native

Etiket :

A minimal navigator library for React Native

@geekie/navigator A minimal navigator library for React Native. About We developed this navigator library at Geekie when developing our first React Native app and getting upset by the transitions of the (now deprecated) Navigator library that shipped with React Native. After evaluating some of the options, we decided that none had the APIs and transitions that would suit our needs. Features Screen transitions at 60 fps (uses the Animated API with the ...

Flexible and lightweight React Native component for UITableView made with pure CSS

Etiket :

Flexible and lightweight React Native component for UITableView made with pure CSS

react-native-tableview-simple If you like my component and want to buy me a coffee, checkout my Patreon page – Thanks! This cross-platform component is inspired by the iOS-TableView. Made with pure CSS, the intention is to provide a flexible and lightweight alternative to a bridged component. A possible use case might be an about- or a settings-screen with a few rows. For displaying long datalists it is recommended to use the FlatList&nb...

Circle checkbox component for React Native

Etiket :

Circle checkbox component for React Native

ReactNativeCircleCheckbox Circle-style checkbox component for React Native. Installation npm install react-native-circle-checkbox --save Usage import CircleCheckBox, {LABEL_POSITION} from 'react-native-circle-checkbox'; <CircleCheckBox checked={true} onToggle={(checked) => console.log('My state is: ', checked)} labelPosition={LABEL_POSITION.RIGHT} label="Checkbox example" /> Preview Available properties: checked : initial state of checkb...

Python Flask Nedir

Python Flask Nedir

Python büyüsü devam ederken web ortamında Python'u nasıl uygulayabilirim sorumun cevabını Django ve Flask ile buldum. Başlangıcı biraz daha basit ve hızlı alabilmek içinde ilk eğitim setimi Flask ile hazırlamak istedim. Bildiğiniz üzere artık herkesin bir ucundan tuttuğu Python, birçok alanda kendini gösterip büyümeye devam etti. Web ortamı içinde bir çözümü olan Python ile web sayfalarımızı oldukça hızlı bir şekilde oluşturabiliyoruz. Üstelik bu konuda ye...

Sıfırdan PHP Dersleri

Sıfırdan PHP Dersleri

  1. Sıfırdan PHP Dersleri Sıfırdan PHP Dersleri 2. İçindekiler İçindekiler •PHP Nedir & Ne İşe Yarar •PHP Kurulum •PHP İle Temel Komutları •PHP İle Matematik İşlemleri •PHP ‘de Döngüler •PHP Orta Seviye •PHP PDO İle Veri taban Bağlantısı 3. PHP Nedir PHP Nedir PHP (açılımı PHP: Hypertext Preprocessor) geniş bir kitle tarafından kullanılan, özellikle sanal yöreler &u...

Angular JS Ve PHP Kullanarak Üye Giriş Sistemi

Angular JS Ve PHP Kullanarak Üye Giriş Sistemi

Merhaba Arkadaşlar bu Gün Angular Js İle $http Methodunu Kullanarak PHP json Olarak Veri Gönderdik , O Veriyi veritabanında Sorgulayarak Üye Giriş Sistemini Yaptık. Angular JS  W3 Schools...

JSX Nedir?

Etiket : React JsJSX

JSX Nedir?

Böyle bir değişken tanımladığımızı düşünün: const element = Merhaba Dünya!   Bu string ya da HTML değildir.   Buna JSX denir, JavaScript için bir syntax uzantısıdır. JSX, React elementleri üretir. Bir sonraki bölümde bunları DOM’a render etmeyi keşfedeceğiz. DOM’a render etmek, yazdığınız React kodunun derlenip HTML’e yerleştirilme işlemine denir. Bir sonraki sayfada de...

PHP nedir ve neler yapılabilir?

PHP nedir ve neler yapılabilir?

PHP kısaca web tabanlı bir programlama dilidir. Eskiden açılımı “Personal Home Page” yani Kişisel Anasayfa iken günümüzde gelişmesi ve daha iyi anlam kazanması ile “PHP: Hypertext Preprocessor” yani Üstün Yazı Önişlemcisi olmuş. Diğer web tabanlı dillere göre onlarca avantajı olan ve günümüzde en popüler dillerden birisi. İnterne...

Next JS Kurulumu

Next JS Kurulumu

Next JS  Next JS; React Client Side Render Kullanımı SEO Açınsında ve Bazı Nedenlerden Dejavantaj Olarak Görülür , Next JS İşe Server Side Render Kullanıdığı İçin Reactın Bazı Dejavantajlarını Ortadan Kaldırıyor , Peki Server Side Render ve Client Side Render Nedir  HTML İçinde Bir Div içine Componentsleri Gömeriz    ReactDOM.render(, document.getElementById('root')); Ve Seo A&cced...

PHP değişkenleri

PHP değişkenleri

PHP’de değişkenler, sabitler ve dizinleri, çalışmanın içinde kullanacağın verileri barındıracak kutular olarak hayal edebilirsin. Mesela gerçek bir posta kutusu hayal et, içine günlük gazete konur ve sonra sen o gazeteyi okursun. Daha sonra eski gazete gider yeni bir dergi gelir. Yukarıdaki örneği programlama dilinde şöyle açıklarım; önce değişken isimlerinde türkçe karakter ya da boş...

PHP sabitleri

Etiket : php sabitler

PHP sabitleri

PHP sabitleri yapacağın çalışmalarda adı üstünde değişken olmayacak, çalışma boyunca hiç değiştirilmeden sabit kalacak değerleri tanımlaman için kullanılır. Ayrıca sabitler sadece bir kez tanımlanıp bir daha değiştirilemediği için güvenlidir. Sabitlerin tanımlanması define() fonksiyonu ile yapılır. İki argument ile uygulanır. Örnek; <?php define('site_adi', 'phpr.org')...

PHP dizileri (Array)

PHP dizileri (Array)

Dizileri tanım olarak kısaca daha önceden öğrendiğin değişkene birden fazla değer atamak ve atadığın değerleri sırayalayıp, çoklu verilere rahat müdahale etmeni sağlayan veri tipleri diyebilirim. Değerleri bir kategori altında toplamak ya da daha dinamik değişkenler oluşturmak için diziler idealdir. Örneğin sadece bir $uyeler değişkeninde yüzlerce kullanıcının verilerine ulaşıp değişiklikler yapabiliriz. Dizileri...

01. Yazar Hakkında

Emre Ramazanoğlu

Bende Bir Şey Bilmiyordum Zamanında Ama Gün Geçtikçe Hayalerimi Mecburiyet Haline Getirdiğim Zaman Fark Etim.
Ben Sadece Bir Şeyler Öğrenmedim Kendimle Yeni Bir Şeyler Üretim Ve Paylaştım.

PROJENİNİ SİPARİŞ VERMEK İÇİN HAZIR MISINIZ?

Kapat

hack forum hacklink Çocuk oyun halısı Çocuk oyun halıları Prefabrik cami halısı cami halısı Cami Süpürgesi cami halısı cami halısı cami halısı evden eve nakliyat evden eve nakliyat evden eve nakliyat mng evden eve nakliyat evden eve nakliyat evden eve nakliyat ofis taşıma yurtiçi evden eve nakliyat yurtiçi evden eve nakliyat içel evden eve nakliyat Rulet Casino Slot Oyna Bahigo 1xbet Deneme bonusu Bahis siteleri Maç özetleri Bahsegel Casino Siteleri Sweet Bonanza Blackjack google.com.tr Rulet Oyna Canlı Casino seo hizmeti Paykwik Paykwik facebook beğeni hilesi escort