airbridge-react-native-sdk/qa/source/component/HorizontalPreference.js

Airbridge SDK for React Native

import React, { Component } from 'react'
import {
  View,
  Text
} from 'react-native'

import { Styles } from '../common/Styles'
import { Colors } from '../common/Colors'

export default class HorizontalPreference extends Component{

  constructor(props){
    super(props)

    this.accessibilityLabel = Platform.OS !== 'ios' ? this.props.accessibilityLabel : null
    this.testID = this.props.accessibilityLabel
  }

  render() {
    return (
      <View>
        <View
          style={{ 
            flexDirection: 'row', 
            marginBottom: 4,
            alignItems: 'center'
            }}>
          <Text style={{
              color: Colors.black,
              fontSize: 16,
              fontWeight: 900,
              marginEnd: 12
            }}>{this.props.title}</Text>
          <Text
            testID={this.testID}
            accessibilityLabel={this.accessibilityLabel}
            style={{
              color: Colors.black,
              fontSize: 16
          }}>{this.props.text}</Text>
        </View>
        <View style={Styles.line} />
      </View>
    )
  }
}