react-native中的自定义文本框

时间:2019-07-08 19:26:36

标签: react-native

我画了一个我想用html / css制作履历生成器的图像,但是我停留在两个方面(我的手绘图像在下面)。

  1. 需要突出我的左下角,就像有人说话时在卡通里一样。
  2. 我希望文本内的滚动条可以滚动文本。

我曾经尝试过搜索互联网,但是运气不高。

非常感谢您的帮助。谢谢!

enter image description here

`import React from 'react';
import { StyleSheet, Text, View, TextInput } from 'react-native';

export default function App() {
  return (
    < View style = {styles.container}>
      <TextInput style = {styles.box}
      multiline = {true}
      numberOfLines = {5} />
    </View>
  );
}

const styles = StyleSheet.create({
  box: {
    borderWidth: 5,
    height: 450,
    width: 250,
    backgroundColor: '#F8F8FF',
    borderRadius: 10 
  },
  container: {
    justifyContent: 'center',
    alignItems: 'center',
    flex: 1,
    backgroundColor: '#FFA500'
  }
});
`

0 个答案:

没有答案