React-native-elements: Buttons seem to have a 15-20px margin on each side of it

[kyleatblackfoot]

Description

Just trying out some Components, I noticed that buttons have a pesky margin on the sides I can't get rid of. I've tried buttonStyle and containerStyle margin attributes, just can't figure out how to get these buttons flush against elements next to it.

Reproduction Steps and Sample Code

import React from 'react';
import { Button } from 'react-native-elements';

export default class DetailsScreen extends React.Component {
  render() {
    return (
        <Button
         title="Why the margin?"
        />
    );
  }
}

[xavier-villelegier]

@kylewetton Which version are you using ?

EDIT: Seems like you're using v0.19.x, and looking at the docs of v1.0.0-beta4. Remember you can check versioned doc by clicking on the version in the website header !

You can override the margins by using containerViewStyle={{ marginLeft: 0, marginRight: 0 }}, but if you upgrade to the v1.0.0-beta4 you won't need this anymore 🔥

npm install -S react-native-elements@beta

[kyleatblackfoot]

Legendary, thanks

[xavier-villelegier]

Glad you got this working 👏