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.

How to change the icon of the ActionButton?

See original GitHub issue

Hi. I am new to react native. So little bit confused about how to change the icon of the ActionButton (not the ActionButton.Item).

<ActionButton buttonColor="rgba(231,76,60,1)" position="center" icon =?? >

</ActionButton>

Issue Analytics

State:
Created 6 years ago
Reactions:2
Comments:8

Top GitHub Comments

2reactions

saddaf88commented, Feb 26, 2018

@jalal246 oh sorry i did not notice that icon is deprecated. did you try

<ActionButton
          buttonColor="rgba(231,76,60,1)"
          ///icon={<Icon name="md-cut" style={styles.actionButtonIcon} />}
          renderIcon={active => active ? (<Icon name="md-cut" style={styles.actionButtonIcon} /> ) : (<Icon name="md-notifications-off" style={styles.actionButtonIcon} />)}>
[your other action button items]
</ActionButton>

before doing it please your action button version. it must be the latest one (2.8.4). It worked for me…

screenshot_20180226-234731 screenshot_20180226-234735

1reaction

7Millioncommented, Nov 19, 2019

@jalal246 oh sorry i did not notice that icon is deprecated. did you try
<ActionButton
          buttonColor="rgba(231,76,60,1)"
          ///icon={<Icon name="md-cut" style={styles.actionButtonIcon} />}
          renderIcon={active => active ? (<Icon name="md-cut" style={styles.actionButtonIcon} /> ) : (<Icon name="md-notifications-off" style={styles.actionButtonIcon} />)}>
[your other action button items]
</ActionButton>
before doing it please your action button version. it must be the latest one (2.8.4). It worked for me…

This one works perfect!