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.

textStyle right and left color does not work, right textColor overrides left.

See original GitHub issue

renderBubble={(props) => {
          return (
            <Bubble
              {...props}
              textStyle={{
                right: {
                  color: Colors.BLUE,
                },
                left: {
                  color: Colors.BLACK,
                },
              }}

…

Unable to set a diffirent text color for right and left text bulle.

Issue Analytics

State:
Created 3 years ago
Comments:5

Top GitHub Comments

1reaction

elevivencommented, Oct 30, 2020

I do like this. Its working

        renderBubble={(props) => (
          <Bubble
            wrapperStyle={{
              right: {
                backgroundColor: variables.green,
              },
              left: {
                backgroundColor: variables.secondary,
              },
            }}
            textStyle={{
              left: {
                color: variables.secondaryDark,
              },
              right: {
                color: variables.textSecondary,
              },
            }}
            {...props}
          />
        )}

0reactions

stale[bot]commented, Jan 17, 2021

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.