recr0ns / react-native-material-switch

MIT License
80 stars 83 forks source link

Switch looks cut #5

Open avishayil opened 8 years ago

avishayil commented 8 years ago

screenshot_2015-12-31-18-26-45


var NotificationSettings = React.createClass({
  render(){
    return (
      <ScrollView
        pointerEvents="box-none"
        style={styles.scrollView}
        scrollEventThrottle={200}
        contentInset={{top: 0}}
        >
        <View style={styles.container}>
          <Text style={styles.welcome}>
            הגדרות
          </Text>
          <Text style={styles.categoryLabel}>Drawer Type</Text>
          <View style={styles.row}>
            <Text style={styles.rowLabel}>Overlay</Text>
              <Switch style={styles.rowInput}
              />
          </View>
        </View>
      </ScrollView>
    )
  }
});

var styles = {
    scrollView: {
      backgroundColor: '#ffffff',
    },
    container: {
      flex: 1,
      backgroundColor: '#ffffff',
    },
    welcome: {
      fontSize: 20,
      textAlign: 'center',
      margin: 25,
    },
    categoryLabel: {
      fontSize: 15,
      textAlign: 'right',
      right: 10,
      padding:10,
      fontWeight:'bold',
    },
    row: {
      padding: 10,
      flexDirection: 'row',
      backgroundColor:'white',
    },
    lastRow: {
      flexDirection: 'row',
      backgroundColor:'white',
      borderRadius: 0,
      borderWidth: 0,
      borderTopWidth: 1 / PixelRatio.get(),
      borderBottomWidth: 1 / PixelRatio.get(),
      borderColor: '#d6d7da',
      padding:10,
      alignItems: 'center'
    },
    rowLabel: {
      fontSize:15,
      flex:1,
    },
    rowInput: {
      flex:1,
    },
};
YanYanLun commented 8 years ago

This project is not very good support for Android, you need to modify your own index.js

ErkanSensei commented 8 years ago

Is there any exact fix around this issue? What would we have to edit in index.js?

Jazz747 commented 7 years ago

@recr0ns Could this feature be merged already? it's been months.