dwicao / React Native Circle Button
A Customizable React Native Circle Button
Stars: ✭ 87
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Native Circle Button
Tanya
GC-free, high-performance D library: Containers, networking, metaprogramming, memory management, utilities
Stars: ✭ 70 (-19.54%)
Mutual labels: native
Multiplatform Preferences
Kotlin Multi Platform Preferences, for android an ios : SharedPreferences & NSUserDefault
Stars: ✭ 76 (-12.64%)
Mutual labels: native
Node Desktop Idle
Node/Electron module to detect idle desktop user (macOS, Windows, Linux, FreeBSD and OpenBSD)
Stars: ✭ 81 (-6.9%)
Mutual labels: native
Kitchensink V2
An Alloy-based Titanium sample app using ES6+ and more!
Stars: ✭ 73 (-16.09%)
Mutual labels: native
Delta
Programming language focused on performance and productivity
Stars: ✭ 77 (-11.49%)
Mutual labels: native
Circle Generator
Tool to generate circles for block building games like Minecraft
Stars: ✭ 67 (-22.99%)
Mutual labels: circle
Circle Progress View
Animated circular progress view for Android
Stars: ✭ 1,185 (+1262.07%)
Mutual labels: circle
Wymaterialbutton
Interactive and fully animated Material Design button for iOS developers.
Stars: ✭ 80 (-8.05%)
Mutual labels: button
Visualmasm
Visual MASM - Assembly IDE for Microsoft MASM
Stars: ✭ 1,172 (+1247.13%)
Mutual labels: native
Maker.js
📐⚙ 2D vector line drawing and shape modeling for CNC and laser cutters.
Stars: ✭ 1,185 (+1262.07%)
Mutual labels: circle
Arcgis Appstudio Samples
Collection of samples available in AppStudio for ArcGIS desktop to learn and help build your next app.
Stars: ✭ 78 (-10.34%)
Mutual labels: native
Floating Navigation View
A simple Floating Action Button that shows an anchored Navigation View
Stars: ✭ 1,169 (+1243.68%)
Mutual labels: button
React Planet
A react lib for building circular menus in a very easy and handy way.
Stars: ✭ 83 (-4.6%)
Mutual labels: button
Str metrics
Ruby gem (native extension in Rust) providing implementations of various string metrics
Stars: ✭ 68 (-21.84%)
Mutual labels: native
Auth0 React Native Sample
Auth0 Integration Samples for React Native
Stars: ✭ 77 (-11.49%)
Mutual labels: native
Statebutton
一个可以用代码设置selector背景(按下去背景颜色更改,样式变化等等)的button, 再也不用写selector了
Stars: ✭ 1,276 (+1366.67%)
Mutual labels: button
Angular2 Promise Buttons
Chilled loading buttons for angular2
Stars: ✭ 84 (-3.45%)
Mutual labels: button
react-native-circle-button
A Customizable React Native Circle Button, works on both Android and iOS.
UPDATE v1.0.6: Support transparent background
note: It's lags due to gif recorder app, it actually works more smooth
Inspiration
Installation
npm install --save react-native-circle-button
Usage
import React, { Component } from 'react';
import { View } from 'react-native';
import CircleButton from 'react-native-circle-button';
class MyExample extends Component {
render() {
return (
<View style={{ flex: 1 }}>
<CircleButton size={45} />
</View>
);
}
}
export default MyExample;
Props
Property | Type | Default | Description |
---|---|---|---|
size | number | 40 | Setting overall size |
primaryColor | string | '#41727E' | Color on inner button |
secondaryColor | string | '#459186' | Color on outer button |
onPressButtonTop | function | () => {} | Event onPress Button Top |
onPressButtonRight | function | () => {} | Event onPress Button Right |
onPressButtonBottom | function | () => {} | Event onPress Button Bottom |
onPressButtonLeft | function | () => {} | Event onPress Button Left |
iconButtonCenter | enum | Source path to icon image on center | |
iconButtonTop | enum | Source path to icon image on top | |
iconButtonRight | enum | Source path to icon image on right | |
iconButtonBottom | enum | Source path to icon image on bottom | |
iconButtonLeft | enum | Source path to icon image on left |
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].