search

AgoraIO-Community / VideoUIKit-ReactNative

A React Native package to simply integrate Agora Video Calling or Live Video Streaming to your app with just a few lines of code.
MIT License
93 stars 43 forks source link

Customizing style #140

Closed EnginYilmaz closed 11 months ago

EnginYilmaz commented 1 year ago

How can I change button names and shapes or change layout without altering the files in the node_modules/agora-rnuikit. Please help me. I am using the code given in the example on main page.

srinath116 commented 1 year ago

Hi @EnginYilmaz you can change buttons by passing styles in localBtnStyles prop for local buttons and remoteBtnStyles prop to update remote buttons

EnginYilmaz commented 1 year ago

Hello, @srinath116 am really sorry for the late response to your answer but can you please elaborate on the structure? For example I am trying something like this but cannot find out the structure correctly.

<AgoraUIKit
  styleProps= {
     ...
  }
  styles= {
    localBtnStyles: {
        endCall: {
          btnText: 'Kapat',
        }
    }
  }
/>