recr0ns / react-native-material-switch Goto Github PK

HI, I switched the switch 40 times， but it trigger ‘onchange’ events about 29 times. Yes, I mean sometimes the toggle did not work. run on android / 3.5RN. Maybe I click too fast

Hi, is there an expected timeline as to when the latest changes are going to be published on NPM?

Thanks,
Phil

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of project_name.

I get this error when just using the material switch. Please help!

Hi,

I know this issue has been reported, we just want to know if you will fix it.

Thanks,

Not sure why... but this property is not working for me. The others like activeButtonColor do work.

Hello,

I am using this package to add a switch to my native app. I am attaching the error image

to solve this error, I had to make declaration changes to the index file. The changes I made are:
import React,{Component} from 'react';
import {PanResponder,
View,
TouchableHighlight,
Animated} from 'react-native';

Please solve the issue with the package so that others don't face the similar problem.

Thanks!

you bind only:
this.deactivate = this.deactivate.bind(this)
need to add:
this.activate = this.activate.bind(this)

Hi,

I found a bug that I cannot get switch state. you should annotate the "if" statement, or you cannot get the state when switch to true.

Is enableSlide working properly on iOS? Even though I've set it to false, I still can slide both ways.

<Switch onChangeState={(value)=>{this.setValue(value)}} active={false} enableSlide={false} inactiveButtonColor='#27ae60' inactiveButtonPressedColor='#009e54' activeButtonColor='#009e54' activeButtonPressedColor='#27ae60' activeBackgroundColor='rgba(0,0,0,.5)' />

Thanks

Is this compatible with android ?

this is how i used it

import React, { Component } from 'react';
import { Image,TouchableOpacity ,Text , Alert} from 'react-native';
import { connect } from 'react-redux';
import { actions } from 'react-native-navigation-redux-helpers';
import { Container, Content, InputGroup, Input, Button, Icon, View ,Header, Title} from 'native-base';
import { Grid, Row } from 'react-native-easy-grid';
import { setUser,fetchRecipes } from '../../actions/user';
import styles from './style';
import globle from './../../globle_style/globle';
import myTheme from '../../themes/base-theme';
import Switch from 'react-native-material-switch';

Unhandled JS Exception: Seems you're trying to access 'ReactNative.createClass' from the 'react-native' package. Perhaps you meant to access 'React.createClass' from the 'react' package instead?

For example, instead of:

import React, { Component, View } from 'react-native';

You should now do:

import React, { Component } from 'react';
import { View } from 'react-native';

Check the release notes on how to upgrade your code - https://github.com/facebook/react-native/releases/tag/v0.25.1

reactConsoleErrorHandler @ ExceptionsManager.js:71

Hi @recr0ns

Could you update the npm package?
We're currently using the git repo in our package.json (because of that: #29 (comment)). However it would be cool to use the npm package in our app.

Thanks for the component! It looks awesome.
Regards,
Nicolas.

          <Switch
            active ={this.state.active}
            style={{borderWidth:1.3, borderColor:'#cfcfcf', padding:0, margin:0}}
            switchWidth ={48}
            switchHeight={20}
            buttonRadius={14}
            inactiveButtonColor={"#cfcfcf"}
            activeButtonColor={"#fc973d"}
            activeButtonPressedColor={"#fc973d"}
            inactiveButtonPressedColor={'#cfcfcf'}
            inactiveBackgroundColor={"#FFFFFF"}
            activeBackgroundColor={"#ffe0b2"}
            inactiveBackgroundColor={"#e0e0e0"}
            onChangeState={(state)=>{this.setState({active:state})}}
             onActivate={() => {console.log("onActive"}}
             onDeactivate={() => {console.log("onDeactive"}/>

I conclude that onChangeState must depends on onActivate and onDeactivate, but not viceversa. I mean it is totally strange that onActivate or deactivate is called upon changing state from somewhere else too

as title, can it cancel touch when playing animation.

there may be some situations that require a switch to grey out and to respond not to any action. what do you think ?

Sliding appears to work

I was able to fix by removing line 165
var callHandlers = this.start.state != state;
and replacing it with
var callHandlers = false; if (this.start.stateChanged) { callHandlers = this.start.state != state; } else { callHandlers = this.state.state != state; }

I am new to react-native. In my app, I'm using a switch and changing the tint color to differentiate ON and OFF, but my actual requirement is to show "YES" or "NO" text inside the switch like below.

Here is my Code:

Please give me suggestions to solve this issue, Any help much appreciated.

For one of the scene, when l trigger the onchangeState event, the state of active change to true, but l want control the state by myself...

I see a lot of issues building up and PR's not merging. If this one isn't active, does anyone know any good alternatives?