|  | @@ -57,3 +57,34 @@ Navigation.push(this.props.componentId, {
 | 
	
		
			
			| 57 | 57 |    }
 | 
	
		
			
			| 58 | 58 |  }
 | 
	
		
			
			| 59 | 59 |  ```
 | 
	
		
			
			|  | 60 | +
 | 
	
		
			
			|  | 61 | +# Modifying buttons at runtime
 | 
	
		
			
			|  | 62 | +
 | 
	
		
			
			|  | 63 | +As buttons are part of a screen's options, they can be modified like any other styling option using the `mergeOptions` command.
 | 
	
		
			
			|  | 64 | +
 | 
	
		
			
			|  | 65 | +## Setting buttons
 | 
	
		
			
			|  | 66 | +The following command will set the screen's right buttons. If the screen already has Right Buttons declared - they will be overridden.
 | 
	
		
			
			|  | 67 | +
 | 
	
		
			
			|  | 68 | +```js
 | 
	
		
			
			|  | 69 | +Navigation.mergeOptions(this.props.componentId, {
 | 
	
		
			
			|  | 70 | +  topBar: {
 | 
	
		
			
			|  | 71 | +    rightButtons: [
 | 
	
		
			
			|  | 72 | +      {
 | 
	
		
			
			|  | 73 | +        id: 'myDynamicButton',
 | 
	
		
			
			|  | 74 | +        title: 'My Button'
 | 
	
		
			
			|  | 75 | +      }
 | 
	
		
			
			|  | 76 | +    ]
 | 
	
		
			
			|  | 77 | +  }
 | 
	
		
			
			|  | 78 | +});
 | 
	
		
			
			|  | 79 | +```
 | 
	
		
			
			|  | 80 | +
 | 
	
		
			
			|  | 81 | +## Removing buttons
 | 
	
		
			
			|  | 82 | +Buttons can be removed by setting zero buttons as shown in the snippet below.
 | 
	
		
			
			|  | 83 | +
 | 
	
		
			
			|  | 84 | +```js
 | 
	
		
			
			|  | 85 | +Navigation.mergeOptions(this.props.componentId, {
 | 
	
		
			
			|  | 86 | +  topBar: {
 | 
	
		
			
			|  | 87 | +    rightButtons: []
 | 
	
		
			
			|  | 88 | +  }
 | 
	
		
			
			|  | 89 | +});
 | 
	
		
			
			|  | 90 | +```
 |