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.

Abnormal rendering of ActionButton.Item

See original GitHub issue

render() {
        return (
            <View style={{ flex: 1 }}>
                <Text>Meetups List</Text>
                <ActionButton buttonColor="rgba(231,76,60,1)">
                    <ActionButton.Item buttonColor='#9b59b6' title="New Task" onPress={() => console.log("notes tapped!")}>
                        <Icon name="md-create" style={styles.actionButtonIcon} />
                    </ActionButton.Item>
                    <ActionButton.Item buttonColor='#3498db' title="Notifications" onPress={() => { }}>
                        <Icon name="md-notifications-off" style={styles.actionButtonIcon} />
                    </ActionButton.Item>
                    <ActionButton.Item buttonColor='#1abc9c' title="All Tasks" onPress={() => { }}>
                        <Icon name="md-done-all" style={styles.actionButtonIcon} />
                    </ActionButton.Item>
                </ActionButton>
            </View>
        );

I have added this ActionButton component to one of my screens and this the output: screenshot from 2017-06-19 21-06-58

How to resolve this rendering issue?

Issue Analytics

State:
Created 6 years ago
Reactions:9
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

neo125874commented, Jun 23, 2017

@david50407 thanks, my workground is back to version 2.6, haha just kidding

0reactions

mastermoocommented, Jun 23, 2017

i reverted some changes from last PR. check out v2.7.1.

looks like the ripple effect going outside the corner cannot be fixed… lol

Top Results From Across the Web

React Native Action Button - Unable to Add buttons Dynamically

Unable to Add ActionButton Items dynamically. ... I have created a function that returns me views of these buttons. ... So this is...

Using Action Buttons - R Shiny - RStudio

An action button appears as a button in your app. An action link appears as a hyperlink, but behaves in the same way...

ActionButton not working for Android · Issue #303 - GitHub

Hi, The component works for ios but somehow i am not able to run it on android. Below is a sample code. The...

Customizable multi-action-button Component for React Native

You have to include at least 1 ActionButton.Item . ... class App extends Component { render() { return ( <View style={{flex:1, backgroundColor: '#f3f3f3'}}> ......

Shiny Dashboard Behavior

If you want to know which tab is currently visible, you need to know which menu item is active. To do this, the...