Javascript 反应本机:边界底部宽度不工作
只需使用Javascript 反应本机:边界底部宽度不工作,javascript,react-native,Javascript,React Native,只需使用视图包装文本节点,并将边框底部添加到视图 { "name": "Indigo", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start" }, "dependencies": { "lodash": "^4.13.1", "react": "^15.1.0",
视图
包装文本
节点,并将边框底部添加到视图
{
"name": "Indigo",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start"
},
"dependencies": {
"lodash": "^4.13.1",
"react": "^15.1.0",
"react-native": "^0.27.1",
"react-native-apple-pay": "0.0.0",
"react-native-button": "^1.7.1",
"react-native-code-push": "^1.11.0-beta",
"react-native-loading-spinner-overlay": "^0.3.0",
"react-native-modalbox": "^1.3.8",
"react-native-navigation": "^1.0.2",
"react-native-paged-scroll-view": "^2.0.1",
"react-native-progress": "^3.0.1",
"react-redux": "latest",
"redux": "^3.0.0",
"underscore": "^1.8.3"
},
"devDependencies": {
"eslint": "latest",
"eslint-config-airbnb": "latest",
"eslint-plugin-import": "^1.16.0",
"eslint-plugin-jsx-a11y": "latest",
"eslint-plugin-react": "latest"
}
}
您使用的是什么版本的react native?站台是什么?这在0.34上没有任何问题。对不起,我用我的package.json文件更新了这个问题。在旧版本的react中,您只能指定
borderWidth
和borderColor
;像borderBottomWidth
等属性只是后来添加的。
{
"name": "Indigo",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start"
},
"dependencies": {
"lodash": "^4.13.1",
"react": "^15.1.0",
"react-native": "^0.27.1",
"react-native-apple-pay": "0.0.0",
"react-native-button": "^1.7.1",
"react-native-code-push": "^1.11.0-beta",
"react-native-loading-spinner-overlay": "^0.3.0",
"react-native-modalbox": "^1.3.8",
"react-native-navigation": "^1.0.2",
"react-native-paged-scroll-view": "^2.0.1",
"react-native-progress": "^3.0.1",
"react-redux": "latest",
"redux": "^3.0.0",
"underscore": "^1.8.3"
},
"devDependencies": {
"eslint": "latest",
"eslint-config-airbnb": "latest",
"eslint-plugin-import": "^1.16.0",
"eslint-plugin-jsx-a11y": "latest",
"eslint-plugin-react": "latest"
}
}
contentWrapper: {
borderBottomWidth: 5,
borderBottomColor: "#47315a"
}