Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <View
- style={{
- flex: 1,
- alignItems: 'stretch',
- justifyContent: 'space-between',
- overflow: 'hidden',
- backgroundColor: Colors.darkBlue
- }}
- >
- {/* Header */}
- <View
- style={{
- flexDirection: 'row',
- alignItems: 'stretch',
- height: 300
- }}>
- {/* Question bubble */}
- { (this.state.question && this.state.question !== '') ? (
- <TouchableOpacity
- style={{
- flex: 1,
- flexDirection: 'row',
- backgroundColor: 'transparent',
- alignItems: 'stretch',
- paddingRight: QUESTION_SPEAKER_RADIUS
- }}
- >
- <View
- style={{
- flex: 1,
- alignSelf: 'stretch',
- alignItems: 'center',
- justifyContent: 'center',
- backgroundColor: 'white',
- }}
- >
- <Text>
- {this.state.question}
- </Text>
- </View>
- </TouchableOpacity>
- ) : null
- }
- </View>
- <KeyboardInput
- style={{}}
- onClose={() => this.setState({ displayMode: DISPLAY_MODES.homeEmpty })}
- onConfirm={(text) => this.onConfirmText(text) }
- />
- </View>
- <View
- style={{
- alignSelf: 'stretch',
- flexDirection: 'row',
- alignItems: 'center',
- justifyContent: 'flex-end',
- backgroundColor: Colors.pink,
- borderColor: Colors.lime,
- borderTopWidth: 4,
- padding: 6,
- }}>
- <View
- style={{
- flex: 1,
- borderRadius: 6,
- padding: 0,
- backgroundColor: Colors.white,
- alignItems: 'stretch',
- }}
- >
- <TextInput
- placeholder={Strings.child_keyboard_placeholder}
- value={this.state.messageTextInput}
- onChangeText={(text) => this.setState({messageTextInput: text})}
- style={{
- height: 50,
- marginLeft: 10,
- marginRight: CONFIRM_BUTTON_SIZE / 2
- }}
- underlineColorAndroid='transparent'
- numberOfLines={2}
- maxLength={70}
- autoCorrect={false}
- returnKeyType='next'
- />
- </View>
- </View>
- windowSoftInputMode="adjustResize";
- windowSoftInputMode="adjustPan"
Add Comment
Please, Sign In to add comment