Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

button auto full width

See original GitHub issue

expect fromweb

but the view in android vm like fromandroid

code

import React, { Component } from 'react';
import { Container, Header, Content, Button, Text } from 'native-base';
export default class ButtonThemeExample extends Component {
  render() {
    return (
      <Container>
        <Header />
        <Content>
          <Button light><Text> Light </Text></Button>
          <Button primary><Text> Primary </Text></Button>
          <Button success><Text> Success </Text></Button>
          <Button info><Text> Info </Text></Button>
          <Button warning><Text> Warning </Text></Button>
          <Button danger><Text> Danger </Text></Button>
          <Button dark><Text> Dark </Text></Button>
        </Content>
      </Container>
    );
  }
}

i try full={false} but still not work

Issue Analytics

State:
Created 4 years ago
Reactions:6
Comments:15 (3 by maintainers)

Top GitHub Comments

21reactions

matecservencommented, Nov 20, 2019

This should be mentioned in the docs, it is quite misleading.

13reactions

ahmadsyamimcommented, Jan 24, 2020

<Content>
<View style={{
flex:0
}}>

should be fine i think.

import React, { Component } from 'react';
import { Container, Header, Content, View, Button, Text } from 'native-base';
export default class ButtonThemeExample extends Component {
  render() {
    return (
      <Container>
        <Header />
        <Content>
            <View style={{flex:0}}>
                <Button light><Text> Light </Text></Button>
                <Button primary><Text> Primary </Text></Button>
                <Button success><Text> Success </Text></Button>
                <Button info><Text> Info </Text></Button>
                <Button warning><Text> Warning </Text></Button>
                <Button danger><Text> Danger </Text></Button>
                <Button dark><Text> Dark </Text></Button>
            </View>
        </Content>
      </Container>
    );
  }
}