我想用 react-native-scrollable-tab-view 复制以下内容:
目前我的代码如下，但我不确定如何执行和合并模块以使事情变得更容易 - 有人对我如何实现它有任何想法吗？ (我是新手，所以感谢任何帮助):
这是主要的(选项卡 View ):
'use strict';
var React = require('react-native');
var Dimensions = require('Dimensions');
var window = Dimensions.get('window');
var Icon = require('react-native-vector-icons/FontAwesome');
var Restaurants = require('../Helpers/Restaurants');
var More = require('../Helpers/More');
var api = require('../Api/Api');
var Profile = require('../Helpers/Profile');
var Recipes = require('../Helpers/Recipes');
var Actions = require('react-native-router-flux').Actions;
var Home = require('../Helpers/Home');
var {
StyleSheet,
Text,
View,
Image,
TabBarIOS,
Component
} = React;
class Main extends React.Component{
constructor(props) {
super(props);
this.state = {
selectedTab: 'home',
notifCount: 0,
presses: 0,
};
}
GoBack() {
this.props.navigator.pop();
}
render() {
return (
<TabBarIOS
tintColor="#49B64D"
barTintColor="rgba(255,255,255,0.3)"
selectedTab={this.state.selectedTab}>
<Icon.TabBarItem
selected={this.state.selectedTab === 'home'}
icon={require('image!homeicon')}
onPress={() => {
this.setState({
selectedTab: 'home',
});
}}>
<Home/>
</Icon.TabBarItem>
<Icon.TabBarItem
selected={this.state.selectedTab === 'restaurants'}
icon={require('image!nomicon')}
onPress={() => {
this.setState({
selectedTab: 'restaurants',
});
}}>
<Restaurants/>
</Icon.TabBarItem>
<Icon.TabBarItem
selected={this.state.selectedTab === 'recipes'}
icon={require('image!haticon')}
onPress={() => {
this.setState({
selectedTab: 'recipes',
});
}}>
<Recipes/>
</Icon.TabBarItem>
<Icon.TabBarItem
selected={this.state.selectedTab === 'profile'}
icon={require('image!accounticon')}
onPress={() => {
this.setState({
selectedTab: 'profile',
});
}}>
<Profile/>
</Icon.TabBarItem>
</TabBarIOS>
);
}
};
var styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'transparent'
},
bgImage: {
flex: 1,
width: window.width,
resizeMode: 'cover',
},
});
module.exports = Main;
这是您单击食谱选项卡时的食谱 View :
'use strict';
var React = require('react-native');
var Seperator = require('./Seperator');
var api = require('../Api/Api');
var Dimensions = require('Dimensions');
var window = Dimensions.get('window');
var LinearGradient = require('react-native-linear-gradient');
var Swipeout = require('react-native-swipeout');
var List = require('./List');
var RecipeDetails = require('./RecipeDetails');
var Actions = require('react-native-router-flux').Actions;
var {
ScrollView,
Text,
View,
TouchableHighlight,
StyleSheet,
Image,
ListView,
NavigatorIOS,
} = React;
var styles = StyleSheet.create({
description: {
fontSize: 20,
textAlign: 'center',
color: '#FFFFFF'
},
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'transparent',
},
linearGradient: {
flex: 1,
paddingLeft: 15,
paddingRight: 15,
borderRadius: 5,
opacity: 0.9,
height: window.width,
},
dietText: {
color:'white',
fontFamily: 'Avenir Next',
alignSelf:'center',
},
title: {
textAlign:'left',
marginTop: (window.width/1.4),
fontSize: 20,
color: 'white',
fontFamily: 'Avenir Next',
fontWeight: '500',
},
dietbuble: {
backgroundColor:'transparent',
height:20,
width:60,
borderRadius: 10,
backgroundColor:'#49B64D',
marginRight:5,
},
nombtn: {
height: 30,
width: 30,
marginBottom: 5,
},
arrow: {
height: 15,
width: 15,
marginRight: 20,
marginTop: 5,
},
upvotenum: {
marginRight: 5,
fontSize: 20,
fontWeight: "600",
color: 'white',
fontFamily: 'Avenir Next'
},
dish_num: {
backgroundColor:'#49B64D',
height: 30,
width: 100,
marginLeft: window.width/1.36,
borderRadius: 5,
},
dishtext: {
fontFamily: "Avenir Next",
fontSize: 20,
fontWeight: "400",
textAlign: 'center',
color:"white",
},
profilebubble: {
width: 40,
height: 40,
borderRadius: 20,
margin: 2,
}
});
var list = [
{
component: <List/>
}
]
class Recipes extends React.Component{
constructor(props) {
super(props);
this.state = {
venues: new Object(),
};
}
activateHome() {
api.getAnything(this.props.paleo,this.props.vegan,this.props.vegetarian,this.props.healthy,this.props.dairyfree,this.props.nutfree,this.props.glutenfree)
.then((res) => {
console.log(res);
return res;
});
}
detailsRecipe() {
this.props.navigator.push ({
component: RecipeDetails,
title: "",
})
}
render(){
return (
<ScrollView
alwaysBounceVertical={true}
scrollEventThrottle={200}>
<Swipeout right={list}>
<View style={styles.container}>
<Image source={{uri: 'http://i.huffpost.com/gadgets/slideshows/404432/slide_404432_5031844_free.jpg'}} style={{width: window.width, height: window.width}}>
<View style={{backgroundColor: 'transparent', marginBottom: 100,}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<Image source={{uri: 'http://cookieandkate.com/images/2014/02/kate-600.jpg'}} style={styles.profilebubble}/>
<Image source={{uri: 'http://www.thetimes.co.uk/tto/multimedia/archive/00851/82ef9ae8-ae34-11e4-_851122b.jpg'}} style={styles.profilebubble}/>
</View>
</View>
<LinearGradient colors={['transparent', 'transparent', '#1C1C1C']} style={styles.linearGradient}>
<TouchableHighlight onPress={Actions.recipedetails} underlayColor='transparent'>
<View style={{backgroundColor:'transparent', height: window.width, marginTop:-20}}>
<Text style={styles.title}>Recipe Name | 10 Mins</Text>
</View>
</TouchableHighlight>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent', marginTop: -75}}>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegan</Text>
</View>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegie</Text>
</View>
<View style={{flex: 1, flexDirection: 'row', marginLeft: window.width/3, backgroundColor: 'transparent'}}>
<Text style={styles.upvotenum} >20</Text>
<Image style={styles.arrow} source={require('image!upvotearrow')}></Image>
<Image style={styles.nombtn} source={require('image!nombtn')}></Image>
</View>
</View>
</LinearGradient>
</View>
</Image>
</View>
</Swipeout>
<Seperator/>
<Swipeout right={list}>
<View style={styles.container}>
<Image source={{uri: 'http://www.funkinutt.com/wp-content/uploads/2013/06/Vegan-Scallops-Sophies-Kitchen.jpg'}} style={{width: window.width, height: window.width}}>
<View style={{backgroundColor: 'transparent', marginBottom: 100,}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<Image source={{uri: 'http://cookieandkate.com/images/2014/02/kate-600.jpg'}} style={styles.profilebubble}/>
<Image source={{uri: 'http://www.thetimes.co.uk/tto/multimedia/archive/00851/82ef9ae8-ae34-11e4-_851122b.jpg'}} style={styles.profilebubble}/>
</View>
</View>
<LinearGradient colors={['transparent', 'transparent', '#1C1C1C']} style={styles.linearGradient}>
<TouchableHighlight onPress={Actions.recipedetails} underlayColor='transparent'>
<View style={{backgroundColor:'transparent', height: window.width, marginTop:-20}}>
<Text style={styles.title}>Recipe Name | 10 Mins</Text>
</View>
</TouchableHighlight>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent', marginTop: -75}}>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegan</Text>
</View>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegie</Text>
</View>
<View style={{flex: 1, flexDirection: 'row', marginLeft: window.width/3, backgroundColor: 'transparent'}}>
<Text style={styles.upvotenum} >20</Text>
<Image style={styles.arrow} source={require('image!upvotearrow')}></Image>
<Image style={styles.nombtn} source={require('image!nombtn')}></Image>
</View>
</View>
</LinearGradient>
</View>
</Image>
</View>
</Swipeout>
<Seperator/>
<Swipeout right={list}>
<View style={styles.container}>
<Image source={{uri: 'http://m5.paperblog.com/i/37/370315/guest-blogger-vegan-richa-samosa-and-onion-bh-L-KmHfF4.jpeg'}} style={{width: window.width, height: window.width}}>
<View style={{backgroundColor: 'transparent', marginBottom: 100,}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<Image source={{uri: 'http://cookieandkate.com/images/2014/02/kate-600.jpg'}} style={styles.profilebubble}/>
<Image source={{uri: 'http://www.thetimes.co.uk/tto/multimedia/archive/00851/82ef9ae8-ae34-11e4-_851122b.jpg'}} style={styles.profilebubble}/>
</View>
</View>
<LinearGradient colors={['transparent', 'transparent', '#1C1C1C']} style={styles.linearGradient}>
<TouchableHighlight onPress={Actions.recipedetails} underlayColor='transparent'>
<View style={{backgroundColor:'transparent', height: window.width, marginTop:-20}}>
<Text style={styles.title}>Recipe Name | 10 Mins</Text>
</View>
</TouchableHighlight>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent', marginTop: -75}}>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegan</Text>
</View>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegie</Text>
</View>
<View style={{flex: 1, flexDirection: 'row', marginLeft: window.width/3, backgroundColor: 'transparent'}}>
<Text style={styles.upvotenum} >20</Text>
<Image style={styles.arrow} source={require('image!upvotearrow')}></Image>
<Image style={styles.nombtn} source={require('image!nombtn')}></Image>
</View>
</View>
</LinearGradient>
</View>
</Image>
</View>
</Swipeout>
<Seperator/>
<Swipeout right={list}>
<View style={styles.container}>
<Image source={{uri: 'http://www.choosingraw.com/wp-content/uploads/2014/09/IMG_8328.jpg'}} style={{width: window.width, height: window.width}}>
<View style={{backgroundColor: 'transparent', marginBottom: 100,}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<Image source={{uri: 'http://cookieandkate.com/images/2014/02/kate-600.jpg'}} style={styles.profilebubble}/>
<Image source={{uri: 'http://www.thetimes.co.uk/tto/multimedia/archive/00851/82ef9ae8-ae34-11e4-_851122b.jpg'}} style={styles.profilebubble}/>
</View>
</View>
<LinearGradient colors={['transparent', 'transparent', '#1C1C1C']} style={styles.linearGradient}>
<TouchableHighlight onPress={Actions.recipedetails} underlayColor='transparent'>
<View style={{backgroundColor:'transparent', height: window.width, marginTop:-20}}>
<Text style={styles.title}>Recipe Name | 10 Mins</Text>
</View>
</TouchableHighlight>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent', marginTop: -75}}>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegan</Text>
</View>
<View style={styles.dietbuble}>
<Text style={styles.dietText}>Vegie</Text>
</View>
<View style={{flex: 1, flexDirection: 'row', marginLeft: window.width/3, backgroundColor: 'transparent'}}>
<Text style={styles.upvotenum} >20</Text>
<Image style={styles.arrow} source={require('image!upvotearrow')}></Image>
<Image style={styles.nombtn} source={require('image!nombtn')}></Image>
</View>
</View>
</LinearGradient>
</View>
</Image>
</View>
</Swipeout>
<Seperator/>
</ScrollView>
)
}
};
module.exports = Recipes;
这是菜谱详情 View :
'use strict';
var React = require('react-native');
var Dimensions = require('Dimensions');
var window = Dimensions.get('window');
var LinearGradient = require('react-native-linear-gradient');
var Tabbar = require('react-native-tabbar');
var Item = Tabbar.Item;
var {
StyleSheet,
View,
Text,
Component,
Image,
ScrollView,
TouchableHighlight,
} = React;
var styles = StyleSheet.create({
description: {
fontSize: 20,
textAlign: 'center',
color: '#FFFFFF'
},
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'transparent',
},
venue_image: {
width: window.width,
height: window.height/4,
flex: 1,
},
linearGradient: {
flex: 1,
paddingLeft: 15,
paddingRight: 15,
opacity: 0.9,
height: window.height/3.7,
},
title: {
textAlign:'left',
fontSize: 15,
color: 'white',
fontFamily: 'Avenir Next',
fontWeight: '500',
},
nombtn: {
height: 30,
width: 30,
marginBottom: 5,
},
arrow: {
height: 15,
width: 15,
marginRight: 20,
marginTop: 5,
},
upvotenum: {
marginRight: 5,
fontSize: 20,
fontWeight: "600",
color: 'white',
fontFamily: 'Avenir Next'
},
dietbuble: {
backgroundColor:'transparent',
height:20,
width:60,
borderRadius: 10,
backgroundColor:'#49B64D',
marginRight:5,
},
submenutext: {
fontFamily: 'Avenir Next',
fontSize: 15,
fontWeight: '600',
color: 'white',
alignSelf: 'center',
marginTop: 10,
},
undernum: {
fontFamily: 'Avenir Next',
fontSize: 30,
fontWeight: '400',
color: 'white',
alignSelf: 'center',
},
units: {
fontFamily: 'Avenir Next',
fontSize: 10,
color: 'white',
alignSelf: 'center',
}
});
class VenueDetails extends React.Component {
constructor(props) {
super(props);
this.state = {
selectedTab: 'ingredients',
};
}
_Directions() {
this.setState({selectedTab: 'directions'});
console.log(this.state.selectedTab);
}
_Nutrition() {
this.setState({selectedTab: 'nutrition'});
console.log(this.state.selectedTab);
}
_Ingredients() {
this.setState({selectedTab: 'ingredients'});
console.log(this.state.selectedTab);
}
makeBackground(btn){
var featurebox = {
flex: 1,
height: window.width/4,
width: window.width/3,
alignItems: 'center',
justifyContent: 'center',
}
if(btn === 0 || btn === 2){
featurebox.backgroundColor = '#49B64D';
} else if (btn === 1){
featurebox.backgroundColor = '#585858';
}
return featurebox;
}
render() {
return (
<View style={styles.container}>
<View style={styles.container}>
<Image source={{uri: 'http://i.huffpost.com/gadgets/slideshows/404432/slide_404432_5031844_free.jpg'}} style={styles.venue_image}>
<LinearGradient colors={['transparent', 'transparent', '#1C1C1C']} style={styles.linearGradient}>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent', marginTop: window.height/4.3}}>
<View style={{backgroundColor:'transparent', marginRight: window.width/4, marginLeft: 10}}>
<Text style={styles.title}>Recipe Name | 10 Mins</Text>
</View>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<Text style={styles.upvotenum} >20</Text>
<Image style={styles.arrow} source={require('image!upvotearrow')}></Image>
<Image style={styles.nombtn} source={require('image!nombtn')}></Image>
</View>
</View>
</LinearGradient>
</Image>
</View>
<View style={{flex: 1, flexDirection: 'row', backgroundColor: 'transparent'}}>
<TouchableHighlight
onPress={this._Ingredients.bind(this)}
style={this.makeBackground(0)}
underlayColor='transparent'>
<View>
<Text style={styles.submenutext}>Ingredients</Text>
<Text style={styles.undernum}>5</Text>
<Text style={styles.units}>Count</Text>
</View>
</TouchableHighlight>
<TouchableHighlight
onPress={this._Nutrition.bind(this)}
style={this.makeBackground(1)}
underlayColor='transparent'>
<View>
<Text style={styles.submenutext}>Nutrition</Text>
<Text style={styles.undernum}>200</Text>
<Text style={styles.units}>Sugars</Text>
</View>
</TouchableHighlight>
<TouchableHighlight
onPress={this._Directions.bind(this)}
style={this.makeBackground(2)}
underlayColor='transparent'>
<View>
<Text style={styles.submenutext}>Directions</Text>
<Text style={styles.undernum}>10</Text>
<Text style={styles.units}>Hours</Text>
</View>
</TouchableHighlight>
</View>
<ScrollView>
</ScrollView>
</View>
);
}
}
module.exports = VenueDetails;
目前，所有这些看起来像这样:
最佳答案
我会做的是创建一个对象数组，每个对象代表页脚 slider 中的不同 View /组件。然后，在您的状态上有一个属性，即事件选项卡，当用户单击新选项卡时，将事件选项卡更新为新索引。我们要做的是，无论事件选项卡是什么，获取您在上面制作的 tabMap 中拥有的特定组件并渲染它。代码看起来像这样。
var tabMap = [
{key: 0, icon: 'ion|ios-contact-outline', state: 'bio', asArray: false, Component: About},
{key: 1, icon: 'ion|ios-paper', state: 'posts', asArray: true, Component: Posts},
{key: 2, icon: 'ion|ios-people', state: 'friends', asArray: false, Component: Friends},
{key: 3, icon: 'ion|ios-heart', state: 'activity', asArray: false, Component: Activity},
];
所以这代表了下部的不同标签。
getInitialState(){
return {
activeTab: 0
}
}
这是我的初始状态，它将跟踪我在哪个选项卡上。
然后在我的渲染方法中，我抓取当前事件选项卡的组件，
var BodyComponent = tabMap[this.state.activeTabIndex].Component;
现在我有了组件，我可以简单地渲染 BodyComponent，传入任何我想要的数据。
<BodyComponent
header={tabMap[this.state.activeTabIndex].header}
authedUser={this.props.authedUser}
isGuest={this.props.isGuest}
userToRender={this.state.userToRender}
data={this.state[tabMap[this.state.activeTabIndex].state]} />
关于javascript - 如何在同一屏幕内更改 View (React Native)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32438813/
出于纯粹的兴趣，我很好奇如何按顺序创建PI，而不是在过程结果之后生成数字，而是让数字在过程本身生成时显示。如果是这种情况，那么数字可以自行产生，我可以对以前看到的数字实现垃圾收集，从而创建一个无限系列。结果只是在Pi系列之后每秒生成一个数字。这是我通过互联网筛选的结果:这是流行的计算机友好算法，类机器算法:defarccot(x,unity)xpow=unity/xn=1sign=1sum=0loopdoterm=xpow/nbreakifterm==0sum+=sign*(xpow/n)xpow/=x*xn+=2sign=-signendsumenddefcalc_pi(digits
如何正确创建Rails迁移，以便将表更改为MySQL中的MyISAM？目前是InnoDB。运行原始执行语句会更改表，但它不会更新db/schema.rb，因此当在测试环境中重新创建表时，它会返回到InnoDB并且我的全文搜索失败。我如何着手更改/添加迁移，以便将现有表修改为MyISAM并更新schema.rb，以便我的数据库和相应的测试数据库得到相应更新？ 最佳答案 我没有找到执行此操作的好方法。您可以像有人建议的那样更改您的schema.rb，然后运行:rakedb:schema:load，但是，这将覆盖您的数据。我的做法是(假设
如何在buildr项目中使用Ruby？我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序，我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/)，但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻，因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何
我想要做的是有2个不同的Controller，client和test_client。客户端Controller已经构建，我想创建一个test_clientController，我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集，然后呈现客户端Controller的索引View，以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>
exe应该在我打开页面时运行。异步进程需要运行。有什么方法可以在ruby中使用两个参数异步运行exe吗？我已经尝试过ruby命令-system()、exec()但它正在等待过程完成。我需要用参数启动exe，无需等待进程完成是否有任何rubygems会支持我的问题？ 最佳答案 您可以使用Process.spawn和Process.wait2:pid=Process.spawn'your.exe','--option'#Later...pid,status=Process.wait2pid您的程序将作为解释器的子进程执行。除
设置:狂欢ruby1.9.2高线(1.6.13)描述:我已经相当习惯在其他一些项目中使用highline，但已经有几个月没有使用它了。现在，在Ruby1.9.2上全新安装时，它似乎不允许在同一行回答提示。所以以前我会看到类似的东西:require"highline/import"ask"Whatisyourfavoritecolor?"并得到:Whatisyourfavoritecolor?|现在我看到类似的东西:Whatisyourfavoritecolor?|竖线(|)符号是我的终端光标。知道为什么会发生这种变化吗？ 最佳答案
鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende
我正在为一个项目制作一个简单的shell，我希望像在Bash中一样解析参数字符串。foobar"helloworld"fooz应该变成:["foo","bar","helloworld","fooz"]等等。到目前为止，我一直在使用CSV::parse_line，将列分隔符设置为""和.compact输出。问题是我现在必须选择是要支持单引号还是双引号。CSV不支持超过一个分隔符。Python有一个名为shlex的模块:>>>shlex.split("Test'helloworld'foo")['Test','helloworld','foo']>>>shlex.split('Test"